jQuery获取所有父级元素及同级元素及子元素的方法

Posted 东窗凝残月

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery获取所有父级元素及同级元素及子元素的方法相关的知识,希望对你有一定的参考价值。

jQuery获取所有父级元素及同级元素及子元素的方法


1.获取父级元素

$("#id").parent()

获取其父级元素

$("#id").parents()

获取其所有的祖先元素

$("#id").closest()

获取其最近的祖先元素,依次上溯


2.获取同级元素

$("#id").next(selector)

获得匹配元素紧邻的下一个同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。

$("#id").nextAll(selector)

获得匹配元素后面的所有同胞元素,由选择器筛选是可选的。

$("#id").prev(selector)

获得匹配元素紧邻的前一个同胞元素(与next相反)

$("#id").prevAll(selector)

获得当前匹配元素前面的所有同胞元素(与nextAll相反)


3.获取子元素

$("#id").children(selector)

返回匹配元素的子元素,添加可选参数可通过选择器进行过滤。

$("#id").find(selector)

获得当前元素的后代

以上是关于jQuery获取所有父级元素及同级元素及子元素的方法的主要内容,如果未能解决你的问题,请参考以下文章

jquery选择器 之 获取父级元素同级元素子元素 (转载)

jQuery父级以及同级元素查找介绍

jQuery父级以及同级元素查找的实例

jquery如何获取标签本生的文本内容,不获取本身子级元素及子级元素的内容

jq上下级元素查找方法

Jquery常用代码