jQuery 遍历，在DOM树中移动，用于根据其相对于其他元素的关系来 查找 或 选取 HTML元素，以某项选择开始，并沿着这个选择移动，直到你想要的元素上。
遍历祖先，就是向上遍历DOM树，
1 //parents方法可以传递想要指定的祖先元素ul。如果不传的话，则默认是所有的祖先元素。 2 $("span").parents("ul").css({"color":"red","border":"2px solid red"}); 3 4 //这是查找span -- div 之间的所有的祖先元素。如果祖先元素中含有多个div，则是向上查找遇到的第一个div之间的所有祖先元素。 5 $("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
遍历后代，是向下遍历DOM树，以查找元素的后代。
1 //查找div元素的后代元素，也可以传进去参数进行过滤，使其查找后代元素中的 类名 为 test 的 p 标签 2 $("div").children("p.text"); 3 4 //返回属于 <div> 后代的所有 <span> 元素。也可以传递一个通配符 * 5 $("div").find("span");
在DOM树中遍历具有相同父元素的兄弟节点。
1 //默认返回被选元素的所有兄弟元素，也可以传递一个参数来指定兄弟元素 2 $("h2").siblings(”div“); 3 4 //返回 <h2> 的下一个同胞元素 5 $("h2").next(); 6 7 //返回介于 <h2> 与 <h6> 元素之间的所有同胞元素 8 $("h2").nextUntil("h6");
几个最基本的过滤方法是：
//返回带有类名test的所有p元素 $("p").filter(".test"); //返回不带有类名 "test" 的所有 <p> 元素： $("p").not(".test");
原文：https://www.cnblogs.com/mwxz/p/13600505.html