遍历同辈节点的方法_jquery如何遍历节点

jquery如何遍历节点

发布时间：2020-11-17 10:02:55

来源：亿速云

阅读：68

作者：小新

这篇文章给大家分享的是有关jquery如何遍历节点的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。jquery遍历节点的方法：1、使用【children()】方法匹配元素的子元素集合；2、使用【next()】方法匹配元素后面紧邻的同辈元素；3、使用【prev()】方法匹配元素前面紧邻的同辈元素。

jquery遍历节点的方法：

1、children()方法

该方法用于取得匹配元素的子元素集合。

使用children()方法来获取匹配元素的所有子元素的个数。var $body=$("body").children();

var $p=$("p").children();

var $ul=$("ul").children();

alert("$body.length"); //

元素下有2个子元素

alert($p.length); //

元素下有0个子元素

alert("$ul.length"); //

• 元素下有3个子元素

for(var i=0;len=$ul.length;i{

alert($ul[i].innerHTML); //循环输出

元素的HTML内容

}

2、next()方法

该方法用于取得匹配元素后面紧邻的同辈元素。

var $p1=$("p").next;//