2022.2

Table Of Contents

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:"before()"onpage792.

after(content)

InsertscontentafteroneormoreHTMLelementsandcreatesanewresultset.

content

String,HTMLstringorresultsettoinsertafterthematchedelements.Incaseaplaintextstringis

provided,itisautomaticallywrappedinaelementtoavoidorphantextnodestoappearinthe

<body>element.

Examples

ThisscriptlooksupanelementwiththeID#salesrepandinsertsaparagraphafterit.

query("#salesrep").after("Lorem ipsum");



Matched element Matched element after script execution

<pid="salesrep">PeterParker <pid="salesrep">PeterParker

Loremipsum

ThisscriptlooksupanelementwiththeID#salesrep,setsitstextcolortoredandinsertsaparagraph

afterit.

query("#salesrep").after("Lorem ipsum").css("color","red");



Matched element Matched element after script execution

<pid="salesrep">PeterParker <pid="salesrep"style="color:red;">PeterParker

Loremipsum

Notethatthewaythefunctionsafter()andcss()areusedinthisscriptiscalled'chaining'.Chainingis

optional;thesamecouldbeachievedbystoringtheresultofthequeryinavariable:

Page 751