Jquery获取父元素

时间:2023-03-09 09:29:47
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');