导航：首页 > 开发技术 >

jquery如何查询同级元素

发表于：2024-09-21 作者：千家信息网编辑

千家信息网最后更新 2024年09月21日，这篇文章主要为大家展示了"jquery如何查询同级元素"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"jquery如何查询同级元素"这篇文章吧。查询方法：1

千家信息网最后更新 2024年09月21日jquery如何查询同级元素

这篇文章主要为大家展示了"jquery如何查询同级元素"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"jquery如何查询同级元素"这篇文章吧。

查询方法：1、用siblings()方法，可获得同级所有元素；2、用next()方法，可获得下一个同级元素；3、用nextAll()；4、用nextUntil()；5、用prev()；6、用prevAll()；7、用prevUntil()。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery查询同级元素

在jquery中，查询同级元素一般有七个方法：siblings()、next()、nextAll()、nextUntil()、prev()、prevAll()、prevUntil()

siblings()方法，主要用于获得指定元素的同级所有元素
next()方法，主要用于获得指定元素的下一个同级元素
nextAll()方法，主要用于获得指定元素的下一个同级的所有元素
nextUntil()方法，主要用于获得指定元素的下一个同级元素，这个同级元素必须为指定元素与nextUntil()方法所设置元素之间的元素
prev()方法，主要用于获得指定元素的上一级同级元素
prevAll()方法，主要用于获得指定元素上一级所有的同级元素
prevUntil()方法，主要用于获得指定元素的上一个同级元素，这个同级元素必须为指定元素与prevUntil()方法所设置元素之间的元素

siblings()方法

Hello

Hello Again

And Again

next()方法

                                                                                list item 1
                        list item 2
                        list item 3
                        list item 4
                        list item 5

nextAll()方法

                                                                                list item 1
                        list item 2
                        list item 3
                        list item 4
                        list item 5

nextUntil()方法

li (兄弟节点)
li (兄弟节点)
li (类名为"start"的兄弟节点)
li (类名为"start"的li节点的下一个兄弟节点)
li (类名为"start"的li节点的下一个兄弟节点)
li (类名为"start"的li节点的下一个兄弟节点)
li (类名为"stop"的兄弟节点)

在这个例子中,我们返回在类名为"star"和类名为"stop"的 li元素之间的所有下一个兄弟元素。

prev()方法

                                                                                                                ul (父节点)                                li (兄弟节点)
                                li (类名为"start"的li节点的上一个兄弟节点)
                                li (类名为"start"的li节点)
                                li (兄弟节点)
                                li (兄弟节点)

prevAll()方法