jQuery | nextUntil() 示例

nextUntil()是 jQuery 中的一个内置方法，用于查找两个给定元素之间的所有兄弟元素。兄弟姐妹是那些在 DOM 树中具有相同父元素的人。文档对象模型 (DOM) 是万维网联盟标准。这定义了访问 DOM 树中的元素。
句法：

$(selector1).nextUntil(selector2)

这里的 selector1 是起始元素，之后将找到兄弟姐妹。
参数：它接受一个参数“selector2”，它是最后一个选择的元素来查找兄弟元素。
返回值：它返回“selector1”和“selector2”之间的所有兄弟。

显示 nextUntil() 方法工作的 jQuery 代码：
代码#1：

  

    
        .bet_sib * {
            display: block;
            border: 2px solid lightgrey;
            color: black;
            padding: 5px;
            margin: 15px;
        }
    
    
    
        $(document).ready(function() {
            $("span").nextUntil("p").css({
                "color": "black",
                "border": "2px solid green"
            });
        });
    

  

    
        This is the parent element !!!
        This is first paragraph!
        first span box !
        heading 2!
        heading 3!
        heading 4!
        heading 5!
        heading 6!
        This is second paragraph!
    

  

在上面的代码中，“span”和下一个“p”之间的所有元素（或兄弟）都被突出显示。
输出：

代码#2：
在下面的代码中，可以选择同一对元素之间的所有兄弟。

  

    
        .bet_sib * {
            display: block;
            border: 2px solid lightgrey;
            color: black;
            padding: 5px;
            margin: 15px;
        }
    
    
    
        $(document).ready(function() {
            $("p").nextUntil("p").css({
                "color": "black",
                "border": "2px solid green"
            });
        });
    

  

    
        This is the parent element !!!
        This is first paragraph!
        first span box !
        heading 2!
        heading 3!
        heading 4!
        heading 5!
        heading 6!
        This is second paragraph!
    

  

在上面的代码中，段落元素之间的所有元素（或兄弟元素）都以绿色突出显示。
输出：