jQuery:如果存在具有相同ID的元素,则选择第二个元素

苏拉杰

我知道对不同的元素使用相同的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>

公平

您不能有重复的ID,但如果不能这样做,则可以将Attribute Equals Selector [name =” value”]:eq(index)一起使用:eq需要收集的元素的索引。您可能还需要使用背景色。

现场演示

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在XPATH中选择具有相同属性ID的第二个元素?

守夜,选择具有相同输入类型的第二个元素

如何在量角器中选择具有相同类名的第二个对象的第二个元素

如果页面具有两个相同的格式,如何访问第二个输入元素?

使用Java / Webdriver我想选择第二个具有相同名称的元素

如何从具有相同类的一组 div 中选择第二个元素?

Haskell,找到第二个元素最少的tupel,如果第二个元素具有两个相同值的tuple,则使用第一个元素进行排序

我需要通过 Xpath 找到具有相同自动化 ID 的第二个元素

如何获得具有相同类的第二个最接近的元素?

如何使用Python访问具有相同类名的第二个元素

XPath选择许多元素的第二个元素,除非只有一个元素存在

选择具有相同名称的第二部分的第二个元素,CSS - NTH

按第二个列表的顺序选择第二个列表上的相同元素

列表中的重复元素与第二个列表中的元素具有相同的长度

如何使用具有相同ID但不同onclick元素的VBA在IE上单击第二个按钮

如何使用Java访问硒中具有相同类名的第二个元素

jQuery –将类添加到第二个具有相同类的项目,如果被中断则重置

在Testcafe中,如何等待相同选择器的第二个元素出现?

通过类名称获取第二个元素(如果存在)

选择列表的倒数第二个元素

熊猫分裂并选择第二个元素

选择数组中的第二个XML元素

选择第二个元素子Java脚本

如果第二个元素相同,则将列表中的第一个元素合并为元组?

合并第二个元素相同的python子列表并返回总和和第二个元素

如果第一个元素为空,则选择第二个元素的 XPath

jQuery:删除了第二个匹配的元素

使用jQuery选择指定类的第二个元素

如何选择jQuery nextUntil中的第二个元素?