Jquery获取父元素

jquery获取父元素

方法：parent()，parents()，closest()

栗子：

<ul class="parent1">
<li><a href="#" id="item1">jquery获取父节点</a></li>
<li><a href="#">jquery获取父元素</a></li>
</ul>

1、parent([expr])  取得一个包含着所有匹配元素的唯一父元素的元素集合

$('#item1').parent().parent('.parent1');

2、parents([expr]) 取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。

$('#items').parents('.parent1');

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

$('#items1').closest('.parent1');