向前查找

最新推荐文章于 2022-06-16 23:02:23 发布

恋恋玫瑰花

最新推荐文章于 2022-06-16 23:02:23 发布

阅读量263

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_42923643/article/details/81630823

版权

jQuery 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

恋恋玫瑰花

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
向前查找

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;向前查找&lt;/title&gt; &lt;script type="text/javascript" src=&quo
复制链接

扫一扫