← Back to Index

.after()

Inserts content, specified by the parameter, after each element in the set of matched elements.

Examples

1. Insert HTML string

$('p').after('<hr>');

Result

<p>Paragraph content</p>
<hr>

2. Insert existing element (Move)

// Moves #sidebar element after .container
$('.container').after($('#sidebar'));

Result

<div class="container">...</div>
<div id="sidebar">...</div>

3. Insert newly created element

const $newDiv = $.t('<div>', { text: 'Footer' });
$('main').after($newDiv);

Result

<main>...</main>
<div>Footer</div>

Parameters

Parameter	Type	Description
content	string | element | SR	HTML string, DOM element, or SR object to insert after each matched element.

Returns: The original SR object for chaining.