ElementWrapper.after()

Definition

after(content: string): this;
after(content: HTMLElement): this;
after(content: ElementWrapper): this;

Description

Used for inserting HTML content immediately after each selected element (as a sibling).

Examples

After a string

<div class="box"></div>

$('.box').after('<p>Hello</p>');

The HTML will be updated to:

<div class="box"></div>
<p>Hello</p>

After an HTML element

<div class="box"></div>

const el = document.createElement('span');
el.textContent = 'Hi';

$('.box').after(el);

The HTML will be updated to:

<div class="box"></div>
<span>Hi</span>

After elements from another ElementWrapper

<div class="source">Item</div>
<div class="target">Target</div>

const source = $('.source');
$('.target').after(source);

The HTML will be updated to:

<div class="source">Item</div>
<div class="target">Target</div>
<div class="source">Item</div>