jquery遍历元素children、find、parent、parents、parentsUntil、next、prev、siblings、closest、filter、not

​​

全栈工程师开发手册 （作者：栾鹏）

​​jquery系列教程2-DOM操作全解 ​​

jquery遍历元素

jquery元素的函数包括children、find、parent、parents、parentsUntil、next、prev、siblings、closest、filter、not，具体功能如代码中注释。

代码如下：

var $body_child = $("body").children();         //children获取一级子元素，不获取其他后代元素
$body_child=$("body").find("div");            //find获取所有后代元素，括号内进行筛选
var $body = $body_child[0].parent();          //parent获取直接父元素
var $div_parents = $body_child[0].parents('body');   //parents获取所有祖先元素列表，一直到html根节点，可以通过参数在父元素进一步筛选
$div_parents = $body_child[0].parentsUntil("body");     //两个元素之间的所有祖先元素
var $div1 = $body_child[0].next();             //next后一个同辈元素，nextAll后面的所有同胞元素，nextUntil介于两个元素之间的所有同胞元素
var $div2 = $body_child[2].prev();             //prev前一个同辈元素，prevAll之前的所有同胞元素，prevUntil()介于两个元素之间的所有同胞元素
var $alldiv = $body_child[2].siblings();          //所有兄弟元素
var $div3 = $("#div3 label").closest("div");        //查找距离目标元素最近的满足指定选择器参数的元素。由目标元素依次向父元素查询，不查询同胞元素
var $alldiv = $("div").filter(".divclass");         //filter过滤元素，满足的留下，参数为选择器
$alldiv = $("div").not(".divclass");           //not过滤元素，不满足的留下，参数为选择器