首页 > 代码库 > jquery中获取相邻元素相关的命令:next()、prev()和siblings()

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()