Tutorialspoint.dev

jQuery | insertAfter() with Examples

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


This article is attributed to GeeksforGeeks.org

You Might Also Like

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter