Skip to content
Related Articles

Related Articles

Improve Article

jQuery | insertAfter() with Examples

  • Last Updated : 03 Aug, 2021

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.

jQuery code to show the working of insertAfter() method:

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

jQuery is an open source JavaScript library that simplifies the interactions between an HTML/CSS document, It is widely famous with it’s philosophy of “Write less, do more”.
You can learn jQuery from the ground up by following this jQuery Tutorial and jQuery Examples.




My Personal Notes arrow_drop_up
Recommended Articles
Page :