jquery 同级
jQuery 获取同级元素的方法
在 jQuery 中，可以使用以下方法获取当前元素的同级元素（即同一父元素下的其他子元素）：
siblings() 方法
获取当前元素的所有同级元素（不包括自身）。
$("#target").siblings(); // 获取所有同级元素
$("#target").siblings(".class-name"); // 获取指定 class 的同级元素 next() 方法
获取当前元素的下一个同级元素（紧邻的下一个）。
$("#target").next(); // 获取下一个同级元素
$("#target").next(".class-name"); // 获取下一个符合条件的同级元素 nextAll() 方法
获取当前元素之后的所有同级元素。
$("#target").nextAll(); // 获取之后的所有同级元素
$("#target").nextAll(".class-name"); // 获取之后符合条件的同级元素 prev() 方法
获取当前元素的上一个同级元素（紧邻的上一个）。
$("#target").prev(); // 获取上一个同级元素
$("#target").prev(".class-name"); // 获取上一个符合条件的同级元素 prevAll() 方法
获取当前元素之前的所有同级元素。
$("#target").prevAll(); // 获取之前的所有同级元素
$("#target").prevAll(".class-name"); // 获取之前符合条件的同级元素 nextUntil() 和 prevUntil()
获取当前元素之后或之前的同级元素，直到匹配某个条件为止。
$("#target").nextUntil(".stop-class"); // 获取之后的所有同级元素，直到遇到 .stop-class
$("#target").prevUntil(".stop-class"); // 获取之前的所有同级元素，直到遇到 .stop-class 示例代码
假设有以下 HTML 结构：
<ul>
<li>Item 1</li>
<li id="target">Item 2</li>
<li class="highlight">Item 3</li>
<li>Item 4</li>
<li class="highlight">Item 5</li>
</ul>获取所有同级元素
$("#target").siblings().css("color", "red"); // 除自身外，所有 `<li>` 变为红色 获取下一个同级元素
$("#target").next().css("font-weight", "bold"); // Item 3 变为粗体 获取之后的所有同级元素
$("#target").nextAll().css("background", "yellow"); // Item 3、Item 4、Item 5 背景变黄 获取符合条件的同级元素
$("#target").siblings(".highlight").css("border", "1px solid blue"); // Item 3 和 Item 5 添加蓝色边框 这些方法可以灵活组合使用，以满足不同的 DOM 操作需求。
