在 jQuery 中,parents() 方法用于获取匹配元素集合中每个祖先元素的直接父元素,直到文档根节点。这个方法返回一个包含匹配元素集合中所有祖先元素的集合。
语法
---------------------------
selector
:一个用于过滤的选择器表达式。filter
:一个可选的用于过滤的选择器表达式。
示例
假设我们有以下 HTML 结构:
---- ----------------- ---- ------------ ---- ----------- -------- ---------- ------ ------ ------
我们想要获取 #child
元素的所有祖先元素,可以使用以下 jQuery 代码:
----------------------------------- ---- ----- ------
上面的代码会给 #grandparent
、#parent
和 #child
元素都添加红色边框。
如果我们只想获取 #child
元素的直接父元素和祖先元素中带有 parent
类的元素,可以使用以下代码:
------------------------------------------------------ ----------
这段代码会给 #parent
元素添加黄色背景色。
注意事项
- 如果
filter
参数存在,则只有匹配该选择器的祖先元素才会被返回。 - 父元素和祖先元素的顺序是从最接近的父元素开始到最远的祖先元素结束。
- 如果没有指定过滤器,那么所有祖先元素都会被返回。
- 请确保选择器表达式的准确性,以避免获取到不需要的元素。
以上就是关于 jQuery parents() 方法的介绍,希望对你有所帮助!