jquery遍历

Posted miaosj

tags:

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

1、向上遍历

jquery 向上遍历系列parent(),parents(),parentsUntil()

注:expr是指可选的参数,包含用于匹配元素的选择器表达式。

.parent(expr) ---查找父元素

.parents(expr) ---返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。

.parentsUntil(expr) ---返回被选元素的所有祖先元素,直到碰到符合expr条件,不包含符合expr条件的那个元素

2、同级遍历

jquery 找同胞系列siblings(),next(),nextAll(),nextUntil(),prev(),prevAll(),prevUntil()

注:expr是指可选的参数,包含用于匹配元素的选择器表达式。

.siblings(expr) ---查找所有兄弟(包括哥哥和弟弟)

.next(expr) ---查找紧挨着的弟弟

.nextAll(expr) ---查找所有的弟弟

.nextUntil(expr) ---查找所有弟弟,直到碰到符合expr条件,不包含符合expr条件的那个元素

.prev(expr) ---查找紧挨着的哥哥

.prevAll(expr) ---查找所有哥哥

.prevUntil(expr) ---查找所有哥哥,直到碰到符合expr条件,不包含符合expr条件的那个元素

3、向下遍历

jquery 向下遍历系列children(),find()

注:expr是指可选的参数,包含用于匹配元素的选择器表达式。

children(expr) ---返回被选元素的所有直接子元素。

find(expr) ---返回被选元素的后代元素,一路向下直到最后一个后代

方法描述
add() 把元素添加到匹配元素的集合中
addBack() 把之前的元素集添加到当前集合中
andSelf() 在版本 1.8 中被废弃。addBack() 的别名
children() 返回被选元素的所有直接子元素
closest() 返回被选元素的第一个祖先元素
contents() 返回被选元素的所有直接子元素(包含文本和注释节点)
each() 为每个匹配元素执行函数
end() 结束当前链中最近的一次筛选操作,并把匹配元素集合返回到前一次的状态
eq() 返回带有被选元素的指定索引号的元素
filter() 把匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素
find() 返回被选元素的后代元素
first() 返回被选元素的第一个元素
has() 返回拥有一个或多个元素在其内的所有元素
is() 根据选择器/元素/jQuery 对象检查匹配元素集合,如果存在至少一个匹配元素,则返回 true
last() 返回被选元素的最后一个元素
map() 把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象
next() 返回被选元素的后一个同级元素
nextAll() 返回被选元素之后的所有同级元素
nextUntil() 返回介于两个给定参数之间的每个元素之后的所有同级元素
not() 从匹配元素集合中移除元素
offsetParent() 返回第一个定位的父元素
parent() 返回被选元素的直接父元素
parents() 返回被选元素的所有祖先元素
parentsUntil() 返回介于两个给定参数之间的所有祖先元素
prev() 返回被选元素的前一个同级元素
prevAll() 返回被选元素之前的所有同级元素
prevUntil() 返回介于两个给定参数之间的每个元素之前的所有同级元素
siblings() 返回被选元素的所有同级元素
slice() 把匹配元素集合缩减为指定范围的子集

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

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

jquery遍历文档元素问题

jquery遍历民族json数据

jQuery遍历对象

jquery json遍历节点的问题

jquery如何遍历dom对象