jQuery | nextUntil() 示例

概述

nextUntil() 是 jQuery 中的一个方法，用于获取当前元素之后的所有元素，但不包括指定的元素。该方法返回一个 jQuery 对象，可以通过链式调用进行一系列操作。

语法

$(selector).nextUntil(stopSelector [, filter])

• selector：必需。规定要查找元素的选择器表达式。
• stopSelector：必需。规定在哪个元素之前停止查找元素的选择器表达式。
• filter：可选。过滤器，用于规定哪些元素会被返回。

示例

假设有以下 HTML 代码：

<ul>
  <li>Apple</li>
  <li>Banana</li>
  <li class="highlight">Cherry</li>
  <li>Durian</li>
  <li>Eggplant</li>
  <li>Figs</li>
</ul>

可以使用 nextUntil() 方法获取 Cherry 之后的元素：

$("li.highlight").nextUntil().css("background-color", "yellow");

上面的代码会让 Cherry 之后的元素的背景色变成黄色。

也可以指定停止查找的元素：

$("li.highlight").nextUntil("li:nth-child(4)").css("background-color", "yellow");

上面的代码会让 Cherry 到 Durian 之前的元素的背景色变成黄色。

还可以添加过滤器：

$("li.highlight").nextUntil("li:nth-child(4)", "li:nth-child(odd)").css("background-color", "yellow");

上面的代码会让 Cherry 到 Durian 之前的奇数元素的背景色变成黄色。

总结

nextUntil() 方法是 jQuery 中非常实用的一个方法，可以帮助开发者快速获取指定元素之后的所有元素。在实际开发中，经常会用到该方法；只要熟练掌握了它的语法和用法，就能更快、更方便地完成开发任务。