单击元素并获取子元素的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);
});

}