jquery里的parents方法

jQuery中的parent()方法是一种遍历DOM树的方法,它能返回一个元素的所有祖先元素。

parents()方法返回指定元素的所有父元素。这个方法可以添加一个选择器作为参数,以返回满足该选择器的所有祖先元素。

// 例如,某个元素的HTML结构如下:<div class="outer"><div class="inner"><p>Hello World!</p></div></div>// 我们想要选择这个段落元素的所有祖先元素:$("p").parents().css("border", "1px solid red");// 则它将选中.outer和.inner两个元素

我们也可以使用选择器参数来选择特定的祖先元素。

// 比如,以下代码将选中.outer元素$("p").parents(".outer").css("border", "1px solid green");

上述的parents()方法仅返回祖先元素,不包括父元素本身。如果需要包括父元素自身,可以在方法名称中添加"Self"。

// 以下代码将选中段落元素的父元素.inner以及祖先元素.outer及其自身$("p").parentsAndSelf(".outer, .inner").css("background-color", "yellow");

jquery里的parents方法