jQuery | has() 与示例

在jQuery中，我们经常需要查找匹配指定选择器的元素。但是有时我们需要反向查找，查找包含特定元素的父元素。这时我们就需要使用到has()方法。

has() 介绍

has()方法在jQuery中用于选择器匹配到的元素中，查找该元素下包含指定元素的元素。该方法返回一个新的jQuery对象，该对象包含了查找到的元素。

has() 语法

$(selector).has(selector)

has() 参数

• selector: 用于查找某个元素的选择器。

has() 示例

假设我们有如下的HTML结构：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item active">Item 3</div>
  <div class="item">Item 4</div>
</div>

我们想查找包含.active类的.container元素。这时我们可以使用以下代码：

var container = $(".container").has(".active");

以上代码将会返回一个新的jQuery对象container，该对象中包含了查找到的.container元素。我们可以进一步调用其他jQuery方法来操作该对象，例如：

container.addClass("has-active");

以上代码将会给包含.active类的.container元素添加.has-active类。

总结

has()方法是一个常用的jQuery选择器方法，用于查找匹配元素中包含指定元素的祖先元素。该方法与其他jQuery方法的结合，可以实现更多高级的DOM操作。