jQuery | 父选择器

在 jQuery 中，父选择器是用来选择指定元素的所有父元素的一种选择器。

语法

$("parentSelector childSelector")

其中，parentSelector 是父元素的选择器，childSelector是子元素的选择器。返回一个含有匹配的子元素的集合。

示例

假设我们有以下 HTML 结构：

<div>
  <ul>
    <li>列表1</li>
    <li>列表2</li>
  </ul>
</div>

我们想要选择 li 元素的父元素 ul，可以使用父选择器：

$("li").parent("ul");

返回的结果是：

<ul>
  <li>列表1</li>
  <li>列表2</li>
</ul>

注意事项

• 父选择器只会选择直接父元素，如果需要选择所有祖先元素，可以使用 parents() 方法。
• 如果找不到匹配的父元素，会返回空集合。

总结

父选择器是一种非常实用的选择器，可以方便地选择指定元素的所有父元素。熟练使用父选择器可以提高开发效率，使代码更加简洁易懂。