jquery几个常用的遍历函数

1、children()
返回当前元素的子元素,不包括孙级元素;
2、parent()
返回当前元素的直接父元素;
$("this").parent().addClass(".on");
3、parents()
返回当前元素的所有父元素,包括body、html;
4、find()
查找当前元素的子节点的节点,即是操作当前元素的子元素;
5、filter()
查找当前元素符合条件的所有节点;

例子:

JS:

var find=$("div").find(".on");
alert(find.html());
var filter=$("div").filter(".on");
alert(filter.html());


HTML:

<div class="on">
  
<p>这里是测试文本。</p>
  
<class="on">这里是测试。</p>
  
<p>这里是测试文本。</p>
</div>

find函数返回的是:这里是测试。
filter函数返回的是:
  <p>这里是测试文本。</p>
  <p class="on">这里是测试。</p>
  <p>这里是测试文本。</p>

6、not()
与filter函数相反,移除集合中所匹配的元素
7、add()
在集合中增加一个元素
8、slice(a,b)
根据元素在集合中的位置获取集合的子集
第一个参数是从零开始的第一个元素的位置,它包含在返回的片段中;
第二个参数是从零开始的第一个元素的索引。不包含在返回的片段中。
如果省略,将延伸至集合的末尾。
9、siblings()
选择一组元素的所有兄弟姐妹
10、prev & prevAll
prev()函数选择前一个兄弟节点;prevall()函数选择这组集合中前面所有的兄弟节点。
$("this").prevAll().addClass(".on");
11、next & nextAll
next()函数选择后一个兄弟节点;nextAll()函数选择一组集合中后面所有的兄弟节点。

原文地址:https://www.cnblogs.com/lch880/p/1692428.html