Question

如何选择具有相同名称的div，但要将它们分开选择？

<div id='wholestuff'>
<div id='item'>
info something
</div>
<div id='item'>
info something
</div>
<div id='item'>
else
</div>
<div id='item'>
stuff
</div>
<div id='item'>
info something
</div>
<div id='item'>
info something
</div>
</div>

我想选择带有id项目的第二个div ..怎么做？

Answer 1

答案是不要对页面上的多个元素使用相同的ID - 它必须是唯一的。使用唯一ID，然后可以轻松选择所需的元素。

对多个元素使用相同的ID不符合，并且可能会在不同的浏览器中导致不可预测的行为。

Answer 2

不建议为不同的元素提供相同的ID。我必须是独一无二的。你在div＃wholestuff中对你的'items'进行分组，所以如果你想要第二个元素，那就是：

document.getElementById('wholestuff').getElementsByTagName('div')[1];

Answer 3

看起来你可以在这种情况下使用列表

<ul id='wholestuff'>
  <li>
    info something
  </li>
  <li>
    info something
  </li>
  <li>
    info something
  </li>
  <li>
    info something
  </li>

</ul>

css中也有一个nth-child选择器。要根据需要选择第三个：

#wholestuff li:nth-child(3) {  }

Answer 4

jQuery就像：

$('#item:eq(2)')

但是你真的不应该有多个具有相同ID的DIV。您应该使用类名。 ID应始终是唯一的

选择具有相同ID的div分开

4 个答案: