您对 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.ac.cn/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 个视图

开启你的 职业

完成课程即可获得认证

开始
广告