您对jQuery遍历兄弟姐妹了解什么？

遍历jQuery遍历的兄弟姐妹是使用jQuery查找元素的兄弟姐妹。要在DOM树中横向遍历，请使用以下方法：

siblings()：这将返回所选元素的所有同级元素。
next()：此方法返回所选元素的下一个同级元素。
nextAll()：此方法返回所选元素的所有下一个同级元素。
nextUntil()：该nextUntil()方法返回两个给定参数之间的所有下一个同级元素。
prev()：此方法返回所选元素的前一个同级元素。
prevAll()：此方法返回所选元素的所有先前的同级元素
prevUntil()：该prevUntil()方法返回两个给定参数之间的所有下一个先前的同级元素。

让我们看看同级方法，

如果要获取同级元素，请使用jQuerysiblings()方法。它返回所选元素的所有同级元素。

示例

您可以尝试运行以下代码来学习如何siblings()在jQuery中使用方法：

<!DOCTYPE html>
<html>
<head>
<style>
.myclass * {
    display: block;
    border: 2px solid green;
    color: green;
    padding: 3px;
    margin: 10px;
}
</style>
<script src="https://cdn.staticfile.org/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>

基础教程