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 
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </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 
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </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 | insertAfter() with Examples

tags:

You Might Also Like

leave a comment

0 Comments

Subscribe to Our Newsletter

Top Followed books