DOM遍历方法(基于jQuery)
Posted jxstar
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM遍历方法(基于jQuery)相关的知识,希望对你有一定的参考价值。
在使用$()创建了jQuery对象之后,通过调用下列DOM遍历方法,可以修改其中匹配的元素,以便将来操作。
筛选元素
.filter(selector) 与给定的选择符selector匹配的选中元素
.filter(callback) 回调函数callback返回true的选中元素
.eq(index) 从0开始计数的第index个选中元素
.first() 选中元素中的第一个元素
.last() 选中元素中的最后一个元素
.slice(start, [end]) 从0开始计数的给定范围内的选中元素
.not(selector) 选中元素中与给定选择符不匹配的元素
.has(selector) 选中元素中有后代匹配给定选择符的元素
后代元素
.find(selector) 与给定选择符selector匹配的后代元素
.contents() 子节点(包括文本节点)
.children([selector]) 子节点, 可以传入可选的选择符selector进一步筛选
同辈元素
.next([selector]) 每个选中元素紧邻的下一个同辈元素,可以传入可选的选择符selector进一步筛选
.nextAll([selector]) 每个选中元素之后的所有同辈元素,可以传入可选的选择符selector进一步筛选
.nextUntil([selector], [filter]) 每个选中元素之后、直至但不包含第一个匹配selector元素的同辈元素,可以传入可选的选择符filter进一步筛选
.prev([selector]) 每个选中元素紧邻的上一个同辈元素,可以传入可选的选择符selector进一步筛选
.prevAll([selector]) 每个选中元素之前的所有同辈元素,可以传入可选的选择符selector进一步筛选
.prevUntil([selector], [filter]) 每个选中元素之前、直至但不包含第一个匹配selector元素的同辈元素,可以传入可选的选择符filter进一步筛选
.siblings([selector]) 所有同辈元素,可以传入可选的选择符selector进一步筛选
祖先元素
.parent([selector]) 每个选中元素的父元素,可以传入可选的选择符selector进一步筛选
.parents([selector]) 每个选中元素的所有祖先元素,可以传入可选的选择符selector进一步筛选
.parentsUntil([selector], [filter]) 每个选中元素的所有祖先元素、直至但不包含第一个匹配selector元素的祖先元素,可以传入可选的选择符filter进一步筛选
.closest(selector) 与选择符匹配的第一个元素,遍历路径从选中元素开始,沿DOM树向上在其中祖先节点中的查找
.offsetParent() 第一个选中元素被定位的父元素(如,通过relative或absolute定位)
集合操作
.add(selector) 选中的元素,加上与给定选择符匹配的元素
.addBack() 选中的元素,加上内部jQuery栈中之前选中的那一组元素
.end() 内部jQuery栈中之前选中的元素
.map(callback) 对每个选中元素调用回调函数callback之后的结果
.pushStack(elements) 指定的元素
操作选中的元素
.is(selector) 确定匹配的元素中是否有传入的选择符匹配的元素
.index() 取得匹配元素相对于其同辈元素的索引
.index(element) 取得匹配元素中与指定元素对应的DOM节点的索引
$.contains(a, b) 确定DOM节点a是否包含DOM节点b
.each(callback) 迭代匹配的元素,针对每个元素执行callback函数
.length 取得匹配元素的数量
.get() 取得与匹配元素对应的DOM节点的列表
.get(index) 取得匹配元素中与指定索引对应的DOM节点
.toArray() 取得与匹配元素对应的DOM节点的列表
以上是关于DOM遍历方法(基于jQuery)的主要内容,如果未能解决你的问题,请参考以下文章
jQuery 遍历 - 祖先:向上遍历 DOM 树,以查找元素的祖先