2022.1

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

Peter Parker 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

Peter Parker Peter Parker

Lorem ipsum

Note: 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 1433