javascript - JQuery:如果存在具有相同ID的元素，则选择第二个元素

Question

我知道对不同的元素使用相同的 id 不是一个好习惯，但在某些情况下我不得不对两个不同的元素使用相同的 id(这将在原始程序中自动生成)

我正在尝试选择具有相同 id 的第二个元素(或者在缩放时说第 n 个元素)。

有办法吗？

我在这里创建了一个代码片段，它显示了这个问题。

$("#btn").click(function(){
  
  $("#test").css("background","blue");

});

#test {
  height: 100px;
  width: 100px;
  border: 1px solid #ccc;
  margin:10px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="test">
</div>

<div id="test">
</div>

<button id="btn">Click Me</button>

Answer 1

您不能有重复的 ID，但如果您不能这样做，您可以使用 Attribute Equals Selector [name=”value”]与 :eq(index) . :eq 获取集合元素的索引。您可能还想使用背景颜色。

Live Demo

 $("[id=test]:eq(1)").css("background-color","blue");