Skip to content
Related Articles

Related Articles

Improve Article

jQuery | insertAfter() with Examples

  • Last Updated : 13 Feb, 2019

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



My Personal Notes arrow_drop_up
Recommended Articles
Page :