您對 jQuery 遍歷兄弟元素的理解是什麼?


jQuery 遍歷兄弟元素 使用 jQuery 找出元素的兄弟元素。要從 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>

更新時間:09-12-2019

81 個檢視

開啟你的 職業

完成課程即可獲得認證

開始
廣告