2022.1

Table Of Contents
after()
Inserts content after one or more HTML elements, which can be:
l The elements that match the selector of a script (see "results" on page958).
l One element that matches the selector of a script that runs for "Each matched element"
(see "this" on page877 and "Setting the scope of a script" on page395).
l The elements returned by a query in the template (see "query()" on page831).
See also: "before()" on page890.
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 <span> 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("<p>Lorem ipsum</p>");
Matched element Matched element after script execution
<p id="salesrep">Peter Parker</p> <p id="salesrep">Peter Parker</p>
<p>Lorem ipsum</p>
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("<p>Lorem ipsum</p>").css("color","red");
Page 844