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

Question

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

- supriya

Answer 1

在HTML标记中，您不能有多个ID。

这将是一个无效的标记。当查询 $（'#foobar'）时，如果有五个具有该ID的元素，则只会获取第一个实例。因此，即使有一种方法（...）可以将代码应用于所有这些节点，请不要这样做。

当您想要“组合”一些元素时，请使用类名称。

- jAndy

Answer 2

在多个元素上使用相同的ID是不允许的。应该使用类来实现。

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

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

- paztulio

Answer 3

尝试用

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

//your code
});

参考资料

- xkeshav

Answer 4

当使用id时，可能会产生很多冗余，最好使用类进行操作，但如果您的类重复了，那么处理起来可能有些棘手，我建议您为此使用一些自定义属性

这里有一些示例代码供您参考。

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

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

- ankur