Нажатие на элемент и получение идентификатора дочернего элемента

Question

Я работаю на WordPress сайте. У меня есть карта изображения, которая может запускать сценарии, когда я нажимаю на части изображения.

Ранее я нажимал кнопку, и она отображала модальное всплывающее окно, но добавляет дополнительные сценарии и т. Д. Сама кнопка не дает подсказки, какую функцию она выполняет, поэтому я подумал, что могу запустить сценарий, который принимает идентификатор многоугольника (карта изображения) и находит кнопку, атрибут которой соответствует.

Я думал что-то вроде

function popout(popup){

    $('.imp-shape').click(function() { 
        var id = $(this).attr('id');
        alert(id);
    });
}

чтобы получить мой идентификатор, но я думаю, что он не может перейти к элементу многоугольника, так как он нажимает на контейнер div, ниже HTML

<div class="imp-shape-container">
   <svg>
      <polygon class="imp-shape" id="elementID"></polygon>
   </svg>
</div>

Какие-нибудь мысли?

Answer 1

Вы добавили событие щелчка на многоугольник, если оно должно срабатывать только при нажатии на него, но оно будет распространяться вверх по дереву. Кроме того, вам может понадобиться более конкретное, чем использование (это).

Пытаться

function popout(popup){

$('.imp-shape').click(function(event) {

    var id = event.target.id;
    alert(id);
});

}