jq遍历子元素_jquery怎么遍历元素的后代子元素？

jquery怎么遍历元素的后代子元素？下面本篇文章给大家介绍一下使用jquery遍历元素的后代子元素。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

jquery遍历元素的后代子元素

1、使用children()

children() 方法返回被选元素的所有直接子元素。

无标题文档

$(function(){

$("#btn").click(function(){

$("#div1").children().each(function(i, e) {

$("#info").html($("#info").html()+"第"+i+"个直接后代是,("+$(this).attr("id")+")");

});

});

});

2、使用find()

find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。

find()里必须加上selecter 如果不加就显示不了

所以里面必须加选择器 例如find("*") find("span")

无标题文档

$(function(){

$("#btn").click(function(){

$("#div1").find("*").each(function(i, e) {

$("#info").html($("#info").html()+"第"+i+"个后代是,("+$(this).attr("id")+")");

});

});

});

更多web开发知识，请查阅 HTML中文网 ！！