2022.2

Table Of Contents

append()

InsertcontentattheendofoneormoreHTMLelements,whichcanbe:

l

Theelementsthatmatchtheselectorofascript(see"results"onpage844).

l

Oneelementthatmatchestheselectorofascriptthatrunsfor"Eachmatchedelement"(see

"this"onpage781and"Settingthescopeofascript"onpage373).

l

Theelementsreturnedbyaqueryinthetemplate(see"query()"onpage742).

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

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>ele-

ment.

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");



Page 753