ElementWrapper.append()

Definition

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

Description

Used for appending HTML content to the selected elements.

Examples

Appending a string

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

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

The HTML will be updated to:

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

Appending an HTML element

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

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

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

The HTML will be updated to:

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

Appending elements from another ElementWrapper

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

const source = $('.source');

$('.target').append(source);

The HTML will be updated to:

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