jQuery遍历——祖先
parent() 找到被选元素的父元素parents() 找到被选元素的所有祖先,可以使用参数来过滤对祖先元素的搜索parentsUntil()两个元素之间的所有祖先元素 以第三个为例
<!DOCTYPE html
>
<html lang
="en">
<head
>
<meta charset
="UTF-8">
<title
>Title
</title
>
<style type
="text/css" rel
="stylesheet">
body
,div
{
border
: lightgray solid
2px
;
color
:lightgray
;
width
: 300px
;
height
: 300px
;
text
-align
: center
;
}
</style
>
<script src
="../jquery-3.3.1.min.js"></script
>
<script type
="text/javascript">
$(document
).ready(function () {
$("span").parentsUntil("div").css({
"border":"red solid 4px ",
"color":"red"
});
});
</script
>
</head
>
<body
>
body
<br
>
<div
>div
<br
>
<ul
>ul
<br
>
<li
>li
<br
>
<span
>span
</span
>
</li
>
</ul
>
</div
>
</body
>
</html
>
jQuery遍历——后代
children()–只遍历被选元素的直接子元素find()–遍历被选元素的所有后代,一直向下直到找到最后一个后代
jQuery遍历——同胞
methoddescribe
sibling()返回被选元素的所有同胞(可以使用参数来过滤对同胞元素的搜索)next()返回被选元素的下一个同胞元素prev()返回被选元素的上一个同胞元素nextAll()返回被选元素的后面的所有同胞元素prevAll()返回被选元素的前面所有的同胞元素nextUntil()返回同胞之间的元素(前面_后面)prevUntil()返回同胞之间的元素(后面_前面)
jQuery遍历——过滤
methoddescribe
first()返回被选取元素的首个地址last()返回被选取元素的最后一个地址eq()返回被选元素中带有指定索引值的元素(从零开始)filter()指定一个规则,符合便返回not()与filter()相反