{site_name}

{site_name}

🌜 搜索

jQuery对象函数.parents()用于获取当前元素的所有父元素

前端 𝄐 0
jqueryparent
jQuery对象函数.parents()用于获取当前元素的所有父元素。

该函数可以接受一个可选的选择器作为参数,以筛选要返回的父元素。如果没有提供选择器,则返回所有父元素。

以下是一个例子:

HTML:

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


JavaScript:

javascript
const child = $('.child');
const parents = child.parents(); // 返回所有父级元素
const parent = child.parents('.parent'); // 返回类名为 'parent' 的父级元素

console.log(parents.length); // 输出 "2"
console.log(parent.length); // 输出 "1"


在此示例中,使用了$()函数创建了一个jQuery对象来表示名为"child"的元素。然后,在该对象上调用.parents()函数,它将返回两个父元素:"parent"和"grandparent"。

接下来,使用.parents('.parent')过滤器,只返回类名为"parent"的父元素。

最后,在控制台上打印出结果。输出将显示父元素数组的长度及其内容。