jQuery | prevUntil() 示例

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

$(selector1).nextUntil(selector2)

参数：它接受一个参数“selector2”，它是最后一个选择的元素，在它之前要找到兄弟姐妹。
返回值：它返回“selector1”和“selector2”之间的所有兄弟。

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

  

    
        .sib * {
            display: block;
            border: 2px solid lightgrey;
            color: black;
            padding: 5px;
            margin: 15px;
        }
    
    
    
        $(document).ready(function() {
            $("li.start").prevUntil("li.stop").css({
                "color": "black",
                "border": "2px solid green"
            });
        });
    

  

    
        
            This is parent !!!
            list 1 !!!
            first list !
            second list !
            third list !
            list 5 !!!
            other sibling
            other sibling
        
    

  

在上面的代码中，“list 5”和“list 1”之间的所有先前元素（或兄弟）都以绿色突出显示。
输出：

代码#2：

  

    
        .sib * {
            display: block;
            border: 2px solid lightgrey;
            color: black;
            padding: 5px;
            margin: 15px;
        }
    
    
    
        $(document).ready(function() {
            $("li.start").prevUntil("li.stop").css({
                "color": "black",
                "border": "2px solid green"
            });
        });
    

  

    
        
            This is parent !!!
            list 1 !!!
            first list !
            second list !
            third list !
            fourth list !
            fifth list !
            list 7 !!!
        
    

  

在上面的代码中，“list 7”和“list 1”之间的所有先前元素（或兄弟）都以绿色突出显示。
输出：