The andSelf( ) method adds the previous selection to the current selection.
Thie method is useful when you have multiple trasversals in your script and then adding something that was matched before the last traversal.
Here is the simple syntax to use this method:
selector.andSelf( )
Here is the description of all the parameters used by this method:
NA.
<html> <head> <script type="text/javascript" src="../../js/jquery-2.2.0.js"></script> <script> $(document).ready(function(){ $("div").find("p").andSelf().addClass("border"); }); </script> <style> p, div { margin:5px; padding:5px; } .border { border: 2px solid red; } .background { background:yellow; } </style> </head> <body> <div> <p>First Paragraph</p> <p>Second Paragraph</p> </div> </body> </html>
This would generate following result. Here border would be added to previous selection which is a division and then second selection which is paragraphs. If you would remove andSelf() method then border would be applied to paragraphs only.
<html> <head> <script type="text/javascript" src="../../js/jquery-2.2.0.js"></script> <script> $(document).ready(function(){ $("div").find("p").andSelf().addClass("border"); }); </script> <style> p, div { margin:5px; padding:5px; } .border { border: 2px solid red; } .background { background:yellow; } </style> </head> <body> <div class="border"> <p class="border">First Paragraph</p> <p class="border">Second Paragraph</p> </div> </body> </html>
Your Query was successfully sent!
