jquery教程14：jquery如何获取父节点元素

10、如何获取父节点

jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都能帮你实现查找父元素或节点。 parent是找当前元素的第一个父节点，不管匹不匹配都不继续往下找
parents是找当前元素的所有父节点 。closest() 是找当前元素的所有父节点 ，直到找到第一个匹配的父节点。
例如：通过 id 为 item1 的便签a取到 class 为 parent1 的ul元素，有以下几种方法
<ul class=“parent1”> <li><a href=“#” id=“item1”>jquery获取父节点</a></li> <li><a href=“#”>jquery获取父元素</a></li> </ul> 1.$(‘#item1’).parent().parent(‘.parent1’); 2.$(‘li:parent’); 3.$(‘#item1’).parents(‘.parent1’); 4.$(‘#item1’).closest(‘.parent1’);

11、parent和parents的区别

parent()函数是只往父级找一层；parents()函数是往父级找多层，一直找到body标签。 parent的取值是当前元素的父元素；parents则是当前元素的祖先元素。
例如： <div id=‘div1’> <div id=‘div2’><p></p></div> <div id=‘div3’ class=‘a’><p></p></div> <div id=‘div4’><p></p></div> </div> $(‘p’).parent() 取到的是div2,div3,div4 $(‘p’).parent(‘.a’) 取到的是div3 $(‘p’).parent().parent() 取到的是div1，这点比较奇特。 $(‘p‘).parents() 取到的是div1,div2,div3,div4 $(‘p‘).parents(‘.a‘) 取到的是div3 parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。

12、 closest和parents的主要区别是：

closest会首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配则向上查找父元素，一层一层往上，直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。

1、closest从当前元素开始匹配寻找，parents从父元素开始匹配寻找；
2、closest逐级向上查找，直到发现匹配的元素后 就停止了， parents一直向上查找直到根元素，然后把这些元素放进一个临时集合中，再用给定的选择器表达式去过滤；
3、 closest返回0或1个元素， parents可能包含0 个，1个，或者多个元素。closest对于处理事件委派非常有用。