jQuery | prevUntil() 示例

介绍

prevUntil() 是一个 jQuery 方法，用于获取当前元素之前的指定元素，返回值为 jQuery 对象。该方法的特性是，可以指定一个或多个选择器，获取匹配选择器之间的所有元素，也可以不指定选择器，获取当前元素之前的所有元素。

语法

$(selector).prevUntil(stopSelector, filter);

参数说明：

• stopSelector：必需，一个选择器字符串，表示停止查找的位置。
• filter：可选，一个选择器字符串，表示要筛选的元素。

示例

假设有如下 HTML 结构：

<div class="container">
  <div class="box-1">box-1</div>
  <div class="box-2">box-2</div>
  <div class="box-3">box-3</div>
  <div class="box-4">box-4</div>
  <div class="box-5">box-5</div>
</div>

代码中，我们通过 prevUntil() 方法获取当前选中元素 .box-5 之前的所有元素，并添加 highlight 类以高亮显示：

$('.box-5').prevUntil('.box-2,.box-4').addClass('highlight');

上述代码表示，获取当前元素之前，位于 .box-2 和 .box-4 元素之间的所有元素，并添加 highlight 类以高亮显示。

注意事项

• prevUntil() 方法只查找当前元素之前的所有元素，不包括当前元素本身。
• prevUntil() 方法匹配元素时采用向上遍历方式，主要应用在 DOM 结构中处于同级的关系的元素之间。
• 如果 stopSelector 参数为空，则会获取当前元素之前的所有元素，即等效于 prevAll() 方法。