The after() is an inbuilt function in jQuery which is used to insert content, specified by the parameter for the each selected element in the set of matched element.
Syntax:
$(selector).after(A);
Parameter: It accepts a parameter “A” which is either a content or function passed to the method.
Return Value: It returns the selected element with the modification.
Code #1:
In the below code, Element is passing to the method which will get added after the selected element.
<html> <head> <meta charset="utf-8"> <style> p { background: lightgreen; display: block; width: 150px; padding: 10px; border: 2px solid green; } </style> </script> </head> <body> <p>I would like to say: </p> <script> $("p").after("<b><h2>Hello Geeks</h2></b>"); </script> </body> </html> |
Output:
Code #2:
In the below code, function is passed to the method that will work after the selected element.
<html> <head> <meta charset="utf-8"> <style> p { background: lightgreen; width: 250px; padding: 10px; border: 2px solid green; } </style> </script> </head> <body> <p>This is first paragraph !!!</p> <p>This is the second paragraph !!! </p> <script> $("p").after(function() { return "<div>" + "GeeksforGeeks" + "</div>"; }); </script> </body> </html> |
Output:
leave a comment
0 Comments