javascript - 具有相同ID的多个元素的JQuery点击事件

Question

我的 HTML 页面具有以下 div 元素结构。

<div data-videos-list="listelement" id="band-comments-div">
<label>
    <!-- Some code here-->
    <br><a class="band-comments" href="review.html?bandName=Local Band">Click to review</a>
</label>

这里div和a标签重复了多次。每个 anchor 标记之间的唯一区别是 href 属性是不同的。 我正在尝试处理每次出现的标签的点击事件，如下所示。

$("#band-comments-div a").on("click", function(event) {
event.preventDefault();

}});

但是由于 div 和 a 标签多次出现，所以没有跟踪点击事件。有没有其他方法可以解决这个问题？

Answer 1

您的链接具有band-comment 类。你可以使用它:

$(".band-comments").on("click", function(event) {
    event.preventDefault();
    console.log('clicked!');
});

工作 jsfiddle .