遍历同辈节点的方法_遍历dom节点【原创】

如何遍历dom节点，有许多方法：

1. children()方法

2. next()方法

3. prev()方法

4. siblings()方法

5. find()方法……

比如next()方法：该方法用于取得div后面紧邻的同辈元素。

var div = $(“div”).next();

例：每次点击当前open_btn这个按钮，(每个按钮都有一个data值)，

显示下一个节点的data值比当前按钮的data值大1的div

$(".open_btn").live("click",function(){ //点击当前open_btn这个按钮

var node_next = $(this).next(); //定义node_next是当前按钮的下一个节点

var value_index = $(this).attr("data"); //定义value_index 是当前按钮的data值

while(node_next){ //当按钮有下一个节点

if(node_next.attr("data")>value_index) {

if(node_next.attr("data")==parseInt(value_index)+parseInt(1)){ //如果下一个节点的data值比当前按钮的data值大1

node_next.show(); //让下一个节点显示

}

node_next = node_next.next(); //将下一个节点的下一个节点赋给node_next

} else {

return;

}

}

});

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/7443.html

微信打赏

支付宝打赏

感谢您对作者Joy的打赏，我们会更加努力！    如果您想成为作者，请点我