資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時裝設計
法學您對 jQuery 遍歷同級元素的理解是什麼？
jQuery 遍歷同級元素，即使用 jQuery 在 DOM 樹中尋找某個元素的同級元素。要橫向遍歷 DOM 樹，請使用以下方法
- siblings()：該方法返回所選元素的所有同級元素。
- next()：該方法返回所選元素的下一個同級元素。
- nextAll()：該方法返回所選元素的所有下一個同級元素。
- nextUntil()：nextUntil() 方法返回兩個給定引數之間的所有下一個同級元素。
- prev()：該方法返回所選元素的上一個同級元素。
- prevAll()：該方法返回所選元素的所有上一個同級元素
- prevUntil()：prevUntil() 方法返回兩個給定引數之間的所有上一個同級元素。
我們來看看同級元素方法，
如果您想獲取同級元素，請使用 jQuery 的 siblings() 方法。它會返回所選元素的所有同級元素。
示例
您可以嘗試執行以下程式碼以瞭解如何在 jQuery 中使用 siblings() 方法
<!DOCTYPE html>
<html>
<head>
<style>
.myclass * {
display: block;
border: 2px solid green;
color: green;
padding: 3px;
margin: 10px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("li.new").siblings().css({"color": "blue", "border": "2px solid yellow"});
});
</script>
</head>
<body>
<div style="width:600px;" class="myclass">
<ol>ol
<li>li</li>
<li>li</li>
<li class="new">li- This is the sibling.</li>
<li>li</li>
<li>li</li>
</ol>
</div>
</body>
</html>
更新日期：2019 年 12 月 9 日
81 次瀏覽
廣告