Teach with us

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

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>
Updated on 09-Dec-2019 10:23:22

0 Views

Tutorials Point

Previous Page Next Page  
Advertisements