搜索

jquery中next()、prev()和siblings()有什么区别？

javascript jquery

网友回复

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

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

下面来看看简单的实例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            alert($("#2").next().html()); //这个获取的等同于$("#3")
            alert($("#2").prev().html()); //这个获取的等同于$("#1")
            alert($("#2").siblings().eq(0).html()); //这个获取的等同于$("#1,#3")
        });
    </script>
    <style>
    </style>
</head>
<body>
    <div>
        <p id="1">
            1
        </p>
        <p id="2">
            2
        </p>
        <p id="3">
            3
        </p>
    </div>

</body>
</html>

by bfwui

我知道答案，我要回答

我有问题