JavaScript Tutorial

.prevUntil()

<html> 
<head> 
    <style> 
        .sib * { 
            display: block; 
            border: 2px solid lightgrey; 
            color: black; 
            padding: 5px; 
            margin: 15px; 
        } 
    </style> 
    <script src="https://ajax.googleapis.com/ajax/libs/ 
            jquery/3.3.1/jquery.min.js"></script> 
    <script> 
        $(document).ready(function() { 
            $("li.start").prevUntil("li.stop").css({ 
                "color": "black", 
                "border": "2px solid green" 
            }); 
        }); 
    </script> 
</head> 
<body> 
    <div style="width:400px;" class="sib"> 
        <ul> 
            This is parent !!! 
            <li class="stop">list 1 !!!</li> 
            <li>first list !</li> 
            <li>second list !</li> 
            <li>third list !</li> 
            <li class="start">list 5 !!!</li> 
            <li>other sibling</li> 
            <li>other sibling</li> 
        </ul> 
    </div> 
</body> 
</html>