Code has been added to clipboard!

How to Make jQuery Insert After Target: Add Content After Elements

Reading time 1 min
Published Jan 19, 2018
Updated Oct 1, 2019

jQuery Insert After: Main Tips

  • The .insertAfter() jQuery method adds content after the specified elements.
  • .insertAfter() differs from .after() since the new content is added as a selector expression.

Usage of .insertAfter()

The .insertAfter() jQuery function includes new content after the indicated elements. The following example adds new content after the <div> element:

Example
$("button").click(() => {
    $("<h1>Hello world!</h1>").insertAfter("div");
});

Follow this syntax to use the jQuery insert after method:

$(content).insertAfter(target);

jQuery .insertAfter() method accepts two arguments:

  • content represents the HTML elements or tags to insert.
  • target indicates after which elements should new content be added. It can be defined in either a selector, or a jQuery object, HTML string, element, or an array of them.

Tip: use jQuery .insertBefore() method to add content before specified elements.

Latest Coupon Found:

Verified STAFF PICK

TOP-RATED CODING COURSES

Learn the skills of tomorrow

The best time to learn programming is now - follow this link to access 100+ coding courses and enjoy learning at a very low cost!

Expiration date: 13/05/2021
2287 People Used
Only 92 Left
Rating
5.0