jquery中获取相邻元素相关的命令:next()prev()和siblings()

Posted Henu丶雨巷

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery中获取相邻元素相关的命令:next()prev()和siblings()相关的知识,希望对你有一定的参考价值。

jquery里我们要获取某个元素的相邻元素时,可以用到的命令有三个:

next():用来获取下一个同辈元素。

prev():用来获取上一个同辈元素。

siblings():用来获取所有的同辈元素。

下面来看看简单的实例:

<div>
    <p id="1">1</p>
    <p id="2">2</p>
    <p id="3">3</p>
</div>

<script language="javascript">
    $("#2").next();//这个获取的等同于$("#3")
    $("#2").prev();//这个获取的等同于$("#1")
    $("#2").siblings();//这个获取的等同于$("#1,#3")
</script>

 

以上是关于jquery中获取相邻元素相关的命令:next()prev()和siblings()的主要内容,如果未能解决你的问题,请参考以下文章

jquery遍历节点 children(),next(),prev(),siblings()closest()

JQuery .next() 没有使用选择器拾取下一个元素

jQuery选择器之层级选择器

jquery 怎么获取2个元素之间的同胞元素

jQuery中事件模块介绍

把单链表相邻元素反转