How does jQuery.nextAll() method work in jQuery?

jQueryWeb DevelopmentFront End Technology

If you want to return all next sibling elements, then use the nextAll() method.

Example

You can try to run the following code to learn how to use the jQuery.nextAll() method:

Live Demo

<!DOCTYPE html>
<html>
<head>
<style>
 .mysiblings * {
    display: block;
    border: 1px solid green;
    padding: 2px;
    margin: 10px;
    color: blue;
 }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $("li.myclass").nextAll().css({"color": "maroon", "border": "3px solid "});
  });
</script>
</head>
<body>

<div style="width:600px;" class="mysiblings">
  <ol>ol  
    <li>li- This is the sibling of parent ol</li>
    <li>li- This is the sibling of parent ol</li>
    <li class="myclass">li- This is the sibling of parent ol with class 'myclass'</li>
    <li>li- next sibling</li>
    <li>li- next sibling</li>
    <li>li- next sibling</li>
    <li>li- next sibling</li>
  </ol>  
</div>

</body>
</html>
raja
Published on 16-Dec-2017 15:08:31
Advertisements