将类添加到具有特定ID jQuery的所有元素

Question

是否可以将.addClass用于具有特定ID的每个项目？我有2个画廊容器，都需要添加一个类。它们都具有相同的ID #galleri_container。在尝试此操作时：$('#galleri_container').addClass('active'); 它只影响该列表中的数字1（第一个#galleri_container）。我需要它来影响1号和2号。

如何达到预期效果？

Answer 1

HTML中不能有多个具有相同ID的元素。改为使用类。

$(".galleri_container").addClass(".active");

Answer 2

对多个元素使用相同的id并不是一个好习惯。 javascript或jquery只影响第一个元素，因为它从DOM树中找到第一个元素。

请检查此链接：

https://softwareengineering.stackexchange.com/questions/127178/two-html-elements-with-same-id-attribute-how-bad-is-it-really

Answer 3

让多个元素共享ID是错误的。这违反标准并导致意外行为。始终在HTML中使用唯一ID - 并且只在实际需要时才使用ID。为元素使用不同的选择器（可能是CSS类）。

Answer 4

根据html标准，id必须是唯一的。如果您想为多个组件使用相同的样式，则应使用类。

所以不要使用这样的东西：

<div id="galleri_container">
<div id="galleri_container">

将id更改为class

<div class="galleri_container">
<div class="galleri_container">

以及您使用#galleri_container的位置，请将其替换为.galleri_container。

这意味着您现在可以根据需要使用jquery的.addClass。