How to insert a jQuery object after all paragraphs using jQuery ?
The task is to insert a jQuery object after all the paragraphs using jQuery.
Approach:
- Create DOM element or jQuery object using <span> tag.
- Create a paragraph using <p> tag.
- Create a button using button tag after clicking on which the object will be inserted after paragraph.
- Write a script that will call a function jQuery.after() which is used to insert a jQuery object after all the paragraphs.
Example: Below is the working code using the above-mentioned steps.
HTML
<!DOCTYPE HTML><html> <head> <script src= </script></head> <body> <h1 style="color:green"> GeeksforGeeks </h1> <span> Dom element / jQuery object </span> <p> This is paragraph </p> <button id="GFG_button1" style="display: block; margin-top: 15px;"> Click here to insert object after paragraph </button> <script> $('#GFG_button1').click(function () { $("p").after($("span")); }); </script></body> </html> |
Output:
