1.8

Table Of Contents

after(content)

Insert content after 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555).After 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

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");

Page 517