jQuery遍历

Posted 胡卓

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery遍历相关的知识,希望对你有一定的参考价值。

遍历

1、过滤
<1>、.eq():减少匹配元素的集合为指定的索引的哪一个元素。
<2>、.filter():筛选元素集合中匹配表达式或通过传递函数测试的那些元素集合。
<3>、.first():获取匹配元素集合中的第一个元素。
<4>、.last():获取匹配元素集合中的最后一个元素。
<5>、.has():筛选匹配元素集合中的那些有匹配的选择器或DOM元素的后代选择器。
<6>、.is():判断当前匹配的元素集合中的元素,是否为一个选择器,DOM元素,或者jQuery对象,如果这些元素至少一个匹配给定的参数,那么返回true。
<7>、.not():从匹配元素集合中移除指定的元素。
<8>、.map():通过一个函数匹配当前集合中的每个元素,产生一个包含新的jQuery对象。
<9>、.slice():根据指定的下标范围,过滤匹配的元素集合,并产生一个新的jQuery对象。
2、其他遍历
<1>、.add():添加元素到匹配的元素集合。
<2>、.contents():获得匹配元素中每个元素的子元素,包括文字和注释节点
<3>、.end():终止在当前链的最新过滤操作,并返回匹配的元素的以前状态。
3、树遍历
<1>、.children():获取匹配元素集合中每个元素的直接子元素,选择器选择性筛选。
<2>、.closest():从元素本身开始,在DOM树上逐级向上匹配,并返回最先匹配的元素。
<3>、.find():通过一个选择器,jQuery对象,或元素过滤,得到当前匹配的元素集合中每个元素的后代。
<4>、.next():取得匹配的元素集合中每个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素。
<5>、.nextAll():获取每个匹配元素集合中所有下面的同辈元素,选择性筛选的选择器。
<6>、.nextUntil():通过选择器,DOM节点,或jQuery对象得到每个元素之后的所有兄弟元素,但不包括匹配的元素。
<7>、.parent():获取匹配元素集合中,每个元素的父元素,可以提供一个可选的选择器。
<8>、.parents():获取匹配元素集合中,每个元素的祖先元素,可以提供一个可选的选择器。
<9>、.offsetParent():取得离指定元素最近的含有定位信息的祖先元素。含有定位信息的元素指,CSS的position属性是relative,absolute或fixed的元素。
<10>、.parentsUntil():查找当前元素的所有祖先元素,直到遇到选择器,DOM节点或jQuery对象匹配的元素为止,但不包括这些元素。
<11>、.prev():取得一个包含匹配的元素集合中,每一个元素的紧邻的前一个同辈元素,选择性筛选的选择器。
<12>、.prevAll():获得集合中每个匹配元素的所有前面的兄弟元素,选择性筛选的选择器。
<13>、.prevUntil():获取每个元素但不包括选择器,DOM节点,或者jQuery对象匹配的元素的所有前面的元素。
<14>、.siblings():获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器。

 

以上是关于jQuery遍历的主要内容,如果未能解决你的问题,请参考以下文章

jquery如何遍历一个html页面标题生成目录

jquery遍历文档元素问题

jquery遍历民族json数据

jQuery遍历对象

jquery json遍历节点的问题

jquery如何遍历dom对象