向后查找

“`




向后查找

<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(function(){
        //redbg后面的元素
        // $(".redbg").next().css("border","1px solid red");
        // $(".until").next().css("background","#ff0");
        // 后面不是.bluebg,不能渲染
        // $(".redbg").next(".bluebg").css("border","1px solid red");

        // 后面所有同辈元素
        // $(".redbg").nextAll().css("border","1px solid red");
        // $(".redbg").nextAll(".bluebg").css("border","1px solid red");

        // 到为止,不包括
        // $(".redbg").nextUntil(".bluebg").css("border","1px solid red");
        // $(".redbg").nextUntil(".nextUntil").css("border","1px solid red");

        // 查找redbg所有同辈元素
        // $(".redbg").siblings().css("border","1px solid red");
        //查找redbg所有同辈元素中的p元素
        // $(".redbg").siblings("p").css("border","1px solid red");

        // 添加查找(增加了h1,h2)
        $(".redbg").siblings("p").add("h1,h2").css("border","1px solid red");


    });
</script>

静夜思

唐朝

李白

床前明月光

疑是地上霜

举头望明月

低头思故乡

“`