- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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:
<!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>
Advertisements