2022.1

Table Of Contents

See also: "prepend()" on page907.

append(content)

Inserts content as the last element at the end of one or more HTML elements. Append() creates

a new result set.

content

String, HTML string or result set to insert after the element(s). In case a plain text string is

provided, it is automatically wrapped in a <span> element to avoid orphan text nodes to

appear in the <body> element.

Examples

This script appends a paragraph to the results (the set of HTML elements that match the

selector of the script).

results.append("<p>Peter Parker</p>");

Selector Matched element Matched element after script

execution

#box <div id="box">

<h1>Personal

information</h1>

</div>

<div id="box">

<h1>Personal information</h1>

<p>Peter Parker</p>

</div>

This script appends a string to the results (the HTML elements that match the selector of the

script). The string is added to the end of the matched element(s) and wrapped in a Span

element.

results.append("Peter Parker");

Selector Matched element Matched element after script execution

.name <div>

<h1>Personal

information</h1>

<p class="name"><b>Name:

<div>

<h1>Personal information</h1>

<p class="name"><b>Name:

</b><span>Peter Parker</span></p>

Page 887