Return sibling elements with class name "first", between li element with class name "start" and class name "stop" - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:nextUntil

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. nextUntil

Description

Return sibling elements with class name "first", between li element with class name "start" and class name "stop"

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
.siblings * {/*from ww w  . j  a v a2 s .c om*/
    display: block;
    border: 2px solid lightgrey;
    color: lightgrey;
    padding: 5px;
    margin: 15px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("li.start").nextUntil("li.stop", ".first").css({"color": "red", "border": "2px solid red"});
});
</script>
</head>
<body>

<div style="width:500px;" class="siblings">
  <ul>ul (parent)
    <li>li</li>
    <li>li</li>
    <li class="start">li</li>
    <li class="first">li</li>
    <li>li</li>
    <li class="1">li</li>
    <li class="stop">li</li>
  </ul>
</div>

</body>
</html>

Related Tutorials