jQuery中nextUntil()方法用法实例

当你需要在 jQuery 中选取元素的时候，通过 nextUntil() 方法可以轻松地选取两个特定元素之间的所有元素。该方法返回元素集合对象。

语法

$(selector).nextUntil(stopSelector, filter)

参数：

• stopSelector：必选，元素的终止选择器，选取元素的末尾位置。
• filter：可选，用于筛选元素的选择器表达式。

实例说明

示例 1

假设你有以下 HTML 代码：

<ul>
  <li>元素1</li>
  <li>元素2</li>
  <li>元素3</li>
  <li class="highlight">元素4</li>
  <li>元素5</li>
  <li>元素6</li>
  <li class="highlight">元素7</li>
  <li>元素8</li>
</ul>

要选取元素4和元素7之间的所有 li 元素，可以使用下列代码：

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

这段代码将选取元素4和元素7之间的所有 li 元素，并将它们的背景设置为黄色。

示例 2

假设你有以下 HTML 代码：

<div>
  <p>段落1</p>
  <p>段落2</p>
  <div>
    <p>段落3</p>
  </div>
  <p>段落4</p>
</div>

要选取元素1和元素4之间的所有 p 元素，可以使用下列代码：

$("div").children()
  .first().nextUntil("p:last-child")
  .css("background-color", "yellow");

这段代码将选取元素1和元素4之间的所有 p 元素，并将它们的背景设置为黄色。

以上是使用 jQuery 中的 nextUntil() 方法选取元素的两个示例。

阅读剩余 28%