如果一个页面中有多个相同id，如何用JQuery选中所有对应元素

页面怎么可以写相同的id属性了？

这样做就是有问题的。

$("p")find("#321")。

这是找p元素下面的

id=123

的

这样就会找到你p元素下面id=123

的那个元素

；

希望这对你有用!

query获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。

children()方法：获取该元素下的直接子集元素

find()方法：获取该元素下的所有子集元素

分别以以下HTML代码为例：<ul><li>list1<ul><li>list1-1</li><li>list1-2</li></ul></li><li>list2<ul><li>list2-1</li><li>list2-2</li></ul></li><li>list3<ul><li>list3-1</li><li>list3-2</li></ul></li></ul>

children()方法获取ul下面直接子集元素li：$("ul")children("li")

需要注意的是，如果li元素下还有li元素，children方法将不会被获取。我们可以用length来测试获取的个数“$("ul")children("li")length”，最后输出结果为3

find()方法获取ul下所有元素li：$("ul")find("li")

需要注意的是，find方法会无限循环查找ul标签节点下的li，一直找到没有为止，用length来测试获取个数“$("ul")find("li")length”，最后输出结果为9

children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。

a标签毕竟需要jq来查找，至少要有一个父级类的id或者class才能查找到子级的a标签，至于哪一个，就eq(index)就可以，绑定的话，类似$("test a")eq(index)click(function(){});

不知道解决没解决你的问题

<div>

<ul>

<li id="1"></li>

<li id="2"></li>

<li id="3"></li>

<li id="4"></li>

<li id="5"></li>

<li id="6"></li>

<li id="7"></li>

<li id="8"></li>

<li id="9"></li>

<li id="10"></li>

<li id="11"></li>

</ul>

</div>

<script type="text/javascript">

$(document)ready(function () {

var count = $("li")length;

alert(count);

var arrar = new Array();

for (i = 0; i < count; i++) {

arrar[i] = $("li:eq("+i+")")attr("id");

}

documentwrite(arrar);

});

</script>

以上就是关于如果一个页面中有多个相同id，如何用JQuery选中所有对应元素全部的内容，包括:如果一个页面中有多个相同id，如何用JQuery选中所有对应元素、jquery怎么获取子元素、jQuery中的标签选择器是匹配所有元素，如$("a"),匹配所有的a元素，如果要获取给a一个click事件……等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！