The insertAfter() is an inbuilt method in jQuery which is used to insert some HTML content after a specified element. The HTML content will be inserted after each occurrence of the specified element.
Syntax:
$(content).insertAfter(target)
Here the “content” is the HTML content which is to be inserted after the specified target.
Parameters: It takes a parameter “target” which is target after which the content is to be inserted.
Return Value: It doesn’t return any value.
Code #1:
<!DOCTYPE html> < html > < head > < script </ script > < script > $(document).ready(function() { $("div").click(function() { // insertAfter $("< p >You should follow GeeksForGeeks</ p >").insertAfter("p"); }); }); </ script > </ head > < body > < p >To learn jQuery : </ p > < div >Click here to complete</ div > </ body > </ html > |
Output:
Before clicking the div content-
To learn jQuery : Click here to complete
After clicking the div content-
To learn jQuery : You should follow GeeksForGeeks Click here to complete
Code #2:
<!DOCTYPE html> < html > < head > < script </ script > < script > $(document).ready(function() { $("div").click(function() { // insertAfter $("< p >You should follow GeeksForGeeks</ p >").insertAfter("p"); }); }); </ script > </ head > < body > < p >To learn jQuery : </ p > < p > To learn coding : </ p > < div >Click here to complete</ div > </ body > </ html > |
Output:
Before clicking the div content-
To learn jQuery : To learn coding : Click here to complete
After clicking the div content-
To learn jQuery : You should follow GeeksForGeeks To learn coding : You should follow GeeksForGeeks Click here to complete
leave a comment
0 Comments