如何在单击具有相同ID的元素时调用相同的JQuery函数

Question

我有许多元素具有相同但是具有不同的数据，我想在点击每个元素时调用相同的JQuery函数。我该怎么做？

Answer 1

您的HTML标记中不能包含多个ID。

这将是一个无效的标记。查询$('#foobar')时，有五个元素具有该id，您只能获得第一个实例。因此，即使有一种方法（...）将代码应用于所有这些节点，也不会这样做。

如果要“合并”某些元素，请使用类名。

Answer 2

不允许在多个元素上使用相同的ID。使用类。

<div class="myClass">..</div>
<div class="myClass">..</div>

$(".myClass").click(function() {...});

Answer 3

尝试

jQuery ("div,span,p.myClass").click(function() {

//your code
});

Reference

Answer 4

使用id进行操作可以创建大量冗余时，最好使用类进行操作，但如果您的类重复进行而不是处理起来有点棘手，我建议您使用一些自定义属性

一些示例代码。

    var spnActive = document.createElement("span");
    $(spnActive).attr('isExpColSpan', 'true');
    $('#dvContainer').find('span[isExpColSpan="true"]').

在第二行中，我在下一行添加了自定义属性，我已经展示了如何使用此属性。