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

最新推荐文章于 2023-04-07 23:23:35 发布

weixin_34218890

最新推荐文章于 2023-04-07 23:23:35 发布

阅读量1.2k

点赞数

文章标签： javascript ViewUI

本文介绍了jQuery中用于选取元素相邻兄弟元素的选择器next(), prev() 和 siblings() 的使用方法，并通过示例展示了如何获取指定元素的下一个、上一个及所有同辈元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>