jQuery 遍历方法

jQuery使我们可以“遍历”或遍历构成页面的HTML元素。首先,我们进行初始选择,然后相对于该选择遍历DOM。在浏览DOM时,我们正在更改原始选择。

jQuery提供了多种方法来允许我们遍历DOM。

遍历方法的最大类别是树遍历。

筛选

下表列出了所有过滤方法,可用于从DOM元素列表中过滤出各种元素:

方法描述
eq()返回具有选定元素的特定索引号的元素
filter()将匹配元素的集合减少到与选择器匹配或通过功能测试的元素
first()返回所选元素的第一个元素
has()返回其中包含一个或多个元素的所有元素
is()根据选择器/元素/ jQuery对象检查匹配的元素集,如果这些元素中的至少一个与给定参数匹配,则返回true
last()返回所选元素的最后一个元素
map()通过函数传递当前匹配集中的每个元素,产生一个包含返回值的新jQuery对象
not()返回不符合特定条件的元素
slice()将匹配元素的集合减少为由一系列索引指定的子集

树遍历

下表列出了用于遍历DOM的所有树遍历方法:

方法描述
children()返回所选元素的所有直接子级
closest()返回所选元素的第一个祖先
each()为每个匹配的元素执行一个函数
find()返回所选元素的后代元素
next()返回所选元素的下一个同级元素
nextAll()返回所选元素的所有下一个同级元素
nextUntil()返回两个给定参数之间的所有下一个同级元素
offsetParent()返回第一个定位的父元素
parent()返回所选元素的直接父元素
parents()返回选定元素的所有祖先元素
parentsUntil()返回两个给定参数之间的所有祖先元素
prev()返回所选元素的上一个同级元素
prevAll()返回所选元素的所有先前的同级元素
prevUntil()返回两个给定参数之间的所有先前的同级元素
siblings()返回所选元素的所有同级元素

杂项遍历

下表列出了所有其他遍历方法:

方法描述
add()将元素添加到匹配的元素集中
addBack()将上一组元素添加到当前集中
andSelf()版本1.8中已弃用 addBack()的别名
contents()返回所选元素的所有直接子级(包括文本和注释节点)
end()结束当前链中的最新过滤操作,并将匹配的元素集返回到其先前状态