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

在 jQuery 中，通过选择器可以快速地选中各种元素。但是有时候需要选择某个元素的直接父元素，这时就需要用到 jQuery 的父选择器。

语法

父选择器的语法格式如下：

$(selector).parent(filter)

其中，selector 是要选中的元素的选择器，filter 是可选的筛选器。如果没有筛选器，那么将返回该元素的直接父元素。

示例

假设有如下 HTML 结构：

<div class="parent">
  <div class="child">Child 1</div>
  <div class="child">Child 2</div>
</div>

如果要选中 .child 元素的直接父元素 .parent，可以这样写：

$('.child').parent()

这将返回一个 jQuery 对象，其中包含了 .child 元素的直接父元素 .parent。

如果只想选中 .parent 元素，可以加上筛选器 .parent：

$('.child').parent('.parent')

这样将返回一个只包含了 .parent 元素的 jQuery 对象。如果 .child 元素的直接父元素不是 .parent 元素，将不会返回任何结果。

总结

通过使用 jQuery 的父选择器，可以快速、方便地选中某个元素的直接父元素，从而方便对该元素进行操作。在使用时需要注意筛选器的使用，避免返回错误的结果。