jquery上一个兄弟节点

jQuery 获取上一个兄弟节点的方法

在 jQuery 中，获取上一个兄弟节点可以使用以下几种方法：

prev() 方法

prev() 方法用于获取当前元素的前一个兄弟元素（即紧邻的上一个同级元素）。语法如下：

$(selector).prev();

示例代码：

$('#currentElement').prev().css('color', 'red');

此代码会将 #currentElement 的前一个兄弟元素的文字颜色设置为红色。

prevAll() 方法

prevAll() 方法返回当前元素之前的所有兄弟元素。语法如下：

$(selector).prevAll();

示例代码：

$('#currentElement').prevAll().addClass('highlight');

此代码会为 #currentElement 之前的所有兄弟元素添加 highlight 类。

prevUntil() 方法

prevUntil() 方法返回当前元素之前直到指定选择器的所有兄弟元素。语法如下：

$(selector).prevUntil(stopSelector);

示例代码：

$('#currentElement').prevUntil('.stopHere').css('font-weight', 'bold');

此代码会将 #currentElement 之前直到类名为 stopHere 的所有兄弟元素的字体加粗。

注意事项

• 如果当前元素没有上一个兄弟节点，prev() 方法会返回一个空的 jQuery 对象。
• prevAll() 和 prevUntil() 返回的是一个包含多个元素的 jQuery 对象，可以通过遍历或链式调用进一步操作。
• 这些方法只会查找 DOM 树中的同级元素，不会跨层级查找。

示例 HTML 结构

<ul>
  <li>Item 1</li>
  <li id="currentElement">Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

使用 prev() 方法获取 #currentElement 的上一个兄弟节点：

$('#currentElement').prev(); // 返回 <li>Item 1</li>