jquery兄弟元素
jQuery 获取兄弟元素的方法
在 jQuery 中，可以通过多种方法获取当前元素的兄弟元素（即同一父元素下的其他子元素）。以下是常用的几种方法：
siblings()
siblings() 方法返回当前元素的所有兄弟元素（不包括自己）。可以通过选择器进一步筛选。
$("selector").siblings(); // 获取所有兄弟元素
$("selector").siblings(".class"); // 获取 class 为 "class" 的兄弟元素next()
next() 方法返回当前元素的下一个兄弟元素（紧邻的后一个元素）。
$("selector").next(); // 获取下一个兄弟元素
$("selector").next(".class"); // 获取下一个 class 为 "class" 的兄弟元素prev()
prev() 方法返回当前元素的上一个兄弟元素（紧邻的前一个元素）。
$("selector").prev(); // 获取上一个兄弟元素
$("selector").prev(".class"); // 获取上一个 class 为 "class" 的兄弟元素nextAll()
nextAll() 方法返回当前元素之后的所有兄弟元素。
$("selector").nextAll(); // 获取之后的所有兄弟元素
$("selector").nextAll(".class"); // 获取之后所有 class 为 "class" 的兄弟元素prevAll()
prevAll() 方法返回当前元素之前的所有兄弟元素。
$("selector").prevAll(); // 获取之前的所有兄弟元素
$("selector").prevAll(".class"); // 获取之前所有 class 为 "class" 的兄弟元素nextUntil() 和 prevUntil()
nextUntil() 和 prevUntil() 方法分别返回当前元素之后或之前的兄弟元素，直到匹配到指定的选择器为止。
$("selector").nextUntil(".stop"); // 获取之后的所有兄弟元素，直到遇到 class 为 "stop" 的元素
$("selector").prevUntil(".stop"); // 获取之前的所有兄弟元素，直到遇到 class 为 "stop" 的元素示例代码
以下是一个完整的示例，展示如何获取兄弟元素：
// HTML 示例
<ul>
<li>Item 1</li>
<li class="target">Item 2</li>
<li>Item 3</li>
<li class="stop">Item 4</li>
<li>Item 5</li>
</ul>
// jQuery 代码
$(".target").siblings(); // 返回所有 li 元素（除了自己）
$(".target").next(); // 返回 Item 3 的 li 元素
$(".target").prev(); // 返回 Item 1 的 li 元素
$(".target").nextUntil(".stop"); // 返回 Item 3 的 li 元素
$(".target").prevAll(); // 返回 Item 1 的 li 元素通过这些方法，可以灵活地操作 DOM 中的兄弟元素。
