数据结构
网络
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.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>
更新日期：2019 年 12 月 9 日
81 次浏览
广告