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过滤元素，不满足的留下，参数为选择器