如何在 jQuery 中选择元素的直接父元素？

在 jQuery 中，我们可以使用 .parent() 方法来选取元素的直接父元素。

语法

$(selector).parent(filter);

• selector：要选取元素的选择器；
• filter：可选参数，用于过滤符合条件的元素。

示例

HTML

<div class="parent">
  <div class="child"></div>
</div>

jQuery 代码

// 选取 ".child" 元素的直接父元素
$('.child').parent();

返回结果

<div class="parent">
  <div class="child"></div>
</div>

过滤符合条件的元素

当我们想要选取符合特定条件的直接父元素时，可以在 .parent() 方法中传递一个选择器参数，用于过滤符合条件的元素。

HTML

<div class="parent">
  <div class="child"></div>
</div>
<div class="parent">
  <div class="child"></div>
</div>
<div class="parent special">
  <div class="child"></div>
</div>

jQuery 代码

// 选取 ".child" 元素的直接父元素，且该元素具有 ".special" 类
$('.child').parent('.special');

返回结果

<div class="parent special">
  <div class="child"></div>
</div>

以上就是在 jQuery 中选择元素的直接父元素的介绍。