2022.2

Table Of Contents

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:

var salesrep = query("#salesrep");

salesrep.after("Lorem ipsum");

salesrep.css("color","red");

Thefollowingscriptinsertsaparagraphaftertheelementsintheresults(thesetofHTMLelementsthat

matchtheselectorofthescript).

results.after("Lorem Ipsum");



Page 786