Return elements with class name "first", that are the next siblings of the li element with class name "start" - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:nextAll

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

Description

Return elements with class name "first", that are the next siblings of the li element with class name "start"

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
.siblings * {//w w  w .j  a v a 2 s  . c o  m
    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").nextAll(".first").css({"color": "red", "border": "2px solid red"});
});
</script>
</head>
<body>

<div style="width:500px;" class="siblings">
  <ul>ul
    <li>li</li>
    <li>li</li>
    <li class="start">li</li>
    <li class="first">li</li>
    <li>li</li>
    <li class="first">li</li>
  </ul>
</div>

</body>
</html>

Related Tutorials