2022.2

Table Of Contents

prepend()

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

l

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

l

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

"this"onpage1237and"Settingthescopeofascript"onpage813).

l

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

Seealso:"append()"onpage1244.

prepend(content)

InsertcontentasthefirstelementtoeachelementinthesetofHTMLelementsthatmatchtheselector

ofthescriptorofanotherqueryinthetemplate(see"query()"onpage1197).Appendcreatesanew

resultset.

content

HTMLstring,stringorHTMLstringtoinsertafterthematchedelements.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insertsaheadingasthefirstelementinanelementthathastheID#box.

results.prepend("<h1>Personal information</h1>");



Selector Matched element Matched element after script execution

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

<p>PeterParker</p>

</div>

<divid="box">

<h1>Personalinformation</h1>

<p>PeterParker</p>

</div>

Thisscriptinsertsaheadingasthefirstelementinanelementthathastheclassname.

results.prepend("<b>Name: </b>");



Page 1262