jquey的parent()和parents()的区别

来源：互联网发布：云计算应用架构编辑：程序博客网时间：2024/06/05 19:40

经常使用jquery，有时候就是傻傻分不清$obj.parent()和$obj.parents()的区别。今天就来做个彻底的了断。

来我们看举例：一个简单dom结构

<!DOCTYPE html><html><head><script src="jquery.js"></script></head><body><div class="div001"><div class="div01"><div class="div1" id="div1">div1</div></div></div><div class="div002"><div class="div02"><div class="div1 div2" id="div2">div2</div></div></div><div class="div003"><div class="div03"><div class="div1 div2 div3" id="div3">div3</div></div></div></body></html>

parent()就是找jquery选择器选择中的元素的直接父元素的集合，不含祖先元素。

我们parent()中不带参数，找得就是jquery选择器选中元素的直接父元素集合。

如果parent(selector)中带了选择器参数，那么找得就是 符合选择器参数的父元素的集合。

我们再看parents().

parents()找得是 jquery选择器选中元素的祖先元素包括父元素，共同的祖先元素合并。

如果parents(selector)中带了选择器参数，那么找得就是符合这选择器参数的祖先元素的集合。

阅读全文

1 0