jQuery 中的 parent() 和 parents() 方法有什么区别？

在 jQuery 中，我们经常使用 parent() 和 parents() 方法来获取元素的父级元素。

parent() 方法

parent() 方法用于获取元素的直接父级元素。该方法只会返回指定元素的父元素, 不会返回更高一级的祖先元素。如果要获取更高一级的祖先元素，需要使用 parents() 方法。

// 获取 <li> 元素的直接父元素 <ul>
$("li").parent();

// 获取 <li> 元素的直接父元素 <ul> 的父元素 <div>
$("li").parent().parent();

parents() 方法

parents() 方法用于获取元素的所有祖先元素。该方法会返回指定元素的所有祖先元素，包括直接父元素、父元素的父元素等等。如果要获取指定元素的直接父元素，可以使用 parent() 方法。

// 获取 <li> 元素的所有祖先元素
$("li").parents();

// 获取 <li> 元素的所有祖先元素，以及包含这些元素的最近匹配元素 <div>
$("li").parents("div");

需要注意的是，parents() 方法可以传入一个选择器作为参数，用于筛选符合条件的祖先元素。如果一个祖先元素不符合选择器的条件，那么它就不会被返回。

以上就是 parent() 和 parents() 方法的区别。需要根据实际需求选择使用哪个方法。