單擊一個元素並獲取子元素的ID

Question

我正在wordpress網站內工作。 我有一個圖像映射，單擊圖像的各個部分時可以運行腳本。

以前，我會單擊一個按鈕，它將顯示一個模式彈出窗口，但會添加其他腳本等。該按鈕本身不提供其運行功能的任何線索，因此我想我可以運行一個使用多邊形ID（圖片地圖），然后找到具有匹配屬性的按鈕。

我在想類似

function popout(popup){

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

獲取我的ID，但我認為它無法深入到單擊div容器的多邊形元素，下面是HTML

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

有什么想法嗎？

Answer 1

您已經將click事件添加到了多邊形上，如果該多邊形僅在單擊時會觸發，但是會向上推動樹。 另外，對我來說，您可能需要比使用（this）更具體。

嘗試

function popout(popup){

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

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

}