Всем привет. Совсем новичек в JS.
Прошу помощи:
Есть такой код
<div class="hotspots-container">
<map name="hotspots-image-1144" class="hotspots-map">
<area shape="poly" coords="" href="#hotspot-hotspot-1144-0" title="3А" data-action="" target="" class="more-info-area" id="hotspots-image-1144-area-1">
<area shape="poly" coords="" href="#hotspot-hotspot-1144-1" title="3Б" data-action="" target="" class="more-info-area" id="hotspots-image-1144-area-2">
</map>
<div class="hotspot-info" id="hotspot-hotspot-1144-0" style="display: none;">
<h2 class="hotspot-title">3А</h2>
</div>
<div class="hotspot-info" id="hotspot-hotspot-1144-1" style="display: none;">
<h2 class="hotspot-title">3А</h2>
</div>
</div>
Нужно
1) Вытянуть значение h2 по соответствующему id (id формируется чуть по разному)
или
Вытянуть значение из парамера title в теге <area>
2) Это значение нужно добавить в ввиде текста :after к тому <area>, к которому оно назначено.
Если со второй задачей примерно понимаю, то с первой не знаю как сделать? Кто то может подсказать гайдик или куда копать?
