向前查找

最新推荐文章于 2022-01-03 21:03:10 发布

原创最新推荐文章于 2022-01-03 21:03:10 发布 · 321 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

31 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>向前查找</title>

    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function(){
            //.redbg前一个元素
            // $(".redbg").prev().css("border","1px solid red");

            // .bluebg前面的所有元素中的p元素
            // $(".bluebg").prevAll("p").css("border","1px solid red");

            // 向前指定范围的的相邻元素
            $(".bluebg").prevUntil(".until").css("border","1px solid blue");
        });
    </script>
</head>
<body>
    <h1>静夜思</h1>
    <p class="until">唐朝</p>
    <h2>李白</h2>
    <p class="redbg">床前明月光</p>
    <p>疑是地上霜</p>
    <p class="bluebg">举头望明月</p>
    <p>低头思故乡</p>

</body>
</html>