jQuery获取元素父节点的方法

时间：2016.06.22 发布人：xuxutingdaizi

已解决问题

谷歌xuxutingdaizi用户在2016.06.22提交了关于“北斗星jQuery获取元素父节点的方法”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-01-25T08:11:26。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你就是当代的活雷锋,太感谢了！

希望以下的回答，能够帮助你。

用户名：caixiang6480 时间：2016.06.22

jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都能帮你实现查找父元素或节点，下面我们来一一讲解：

先举个例子

复制代码代码如下:<ulclass="parent1">
<li><ahref="#"id="item1">jquery获雨米节事取父节点</a></li>
<li><ahref="#">jquery获取父元素</a></li>
</ul>

我们的目的是通过id为item1的便签a取到cla问答ss为parent1的ul元素，有以下几种方子亚银言又法：

1、parent([expr])

取得一个包含着所有匹配元素的唯一父元素的元素集合。

你可以使用可选的表达式来筛选。

代码如下

复制代码代码如下:$('#item1').parent().parent('.parent1');

2、:parent

匹配含有子元素或者文本的元素

代码如下

复制代码代码如下:$('li突府式小导:parent');

3、parents([e没他先帝织绍兴例结话缺xpr])

取得一个包含着所有匹配元素的祖先元素的洲二元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。

代码如下

复制代码代码如下:$('#items').parents('.parent1');

4、closest([expr])

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

closest和paren洲践既ts的主要区别是：

1)，前者从当前元素开始匹配寻找，后者从父元素开始匹对培字架罪世古高一容配寻找；

2)，前者逐级向上查找，直到发现匹配的元素后就停止了，后者一直向上查找直到根元素，然后把这些元素放进一个临时集合中，再用给定的选择器表达式去机革认拿真讨假曲过滤；

3)，前者返回0华销系不义或1个元素，后者可能包含0个，1个，或者多个元素。

closest对于处理事件委派非常有用。

复制代码逐代码如下:$('#items1').closest('.parent1');

以上就是本文的全部内容，了解更多jQuery的语法，大家可以查看：《jQuery1.10.3**手册》，也希望大家多多支持脚本之家。