jQuery | addBack() 与示例

在 jQuery 中，.addBack() 方法可用于将前一个元素加入到当前集合中，以便支持链式语法。本文将为您介绍 .addBack() 方法的语法和示例。

语法

$(selector).addBack(filter)

参数说明

• selector: 必需。规定要添加到元素集合的元素。
• filter: 可选。规定要筛选添加的元素。

示例

以下面的 HTML 代码作为示例：

<ul>
    <li>苹果</li>
    <li>香蕉</li>
    <li class="active">橘子</li>
    <li>梨</li>
</ul>

在示例中，我们选中了其中一个元素，并使用 .addBack() 方法将其前一个元素添加到当前集合中。同时，我们也加入了一个筛选器，以仅将具有 active 类的元素添加到集合中。

$( "li.active" ).prev().addBack( ".active" ).css( "background-color", "yellow" );

这将选中 li 标签下的该元素之前的项目，然后加入 .active 类项目中。

结果

运行上述代码将使得该示例中橘子的背景颜色变为黄色。

<ul>
    <li>苹果</li>
    <li style="background-color: yellow;">香蕉</li>
    <li class="active" style="background-color: yellow;">橘子</li>
    <li>梨</li>
</ul>

现在，我们已经了解了 jQuery 中的 .addBack() 方法，并在示例中使用它。希望这篇文章对您的学习有所帮助！