ElementWrapper.prepend()

Definition

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

Description

Used for inserting HTML content at the beginning of each selected element.

Examples

Prepending a string

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

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

The HTML will be updated to:

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

Prepending an HTML element

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

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

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

The HTML will be updated to:

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

Prepending elements from another ElementWrapper

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

const source = $('.source');

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

The HTML will be updated to:

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