Home JQuery获取相邻元素
Post
Cancel

JQuery获取相邻元素

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

  • next():用来获取下一个同辈元素。
  • prev():用来获取上一个同辈元素。
  • siblings():用来获取所有的同辈元素。

下面来看看简单的实例:

1
2
3
4
5
6
7
8
9
10
11
<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>
This post is licensed under CC BY 4.0 by the author.