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遍歷——同胞
| method | describe |
|---|---|
| sibling() | 返回被選元素的所有同胞（可以使用參數來過濾對同胞元素的搜索） |
| next() | 返回被選元素的下一個同胞元素 |
| prev() | 返回被選元素的上一個同胞元素 |
| nextAll() | 返回被選元素的後面的所有同胞元素 |
| prevAll() | 返回被選元素的前面所有的同胞元素 |
| nextUntil() | 返回同胞之間的元素(前面_後面) |
| prevUntil() | 返回同胞之間的元素(後面_前面) |
jQuery遍歷——過濾
| method | describe |
|---|---|
| first() | 返回被選取元素的首個地址 |
| last() | 返回被選取元素的最後一個地址 |
| eq() | 返回被選元素中帶有指定索引值的元素(從零開始) |
| filter() | 指定一個規則，符合便返回 |
| not() | 與filter()相反 |