2022.1

Creating an empty result set and adding elements to it
The following script loads snippets in an iteration and adds their elements to an empty result
set (using query()). Then it replaces a placeholder in the template with the new result.
var chapters = query();
for ( var i = 1; i <= 4; i++) {
chapters = chapters.add(loadhtml('snippets/Chapter' + i +
'.html'));
}
results.replaceWith(chapters);
Selector Matched element Matched element after script
execution
#chapters <p id="chapters">
{{chapters}}</p>
<h1>Chapter 1</h1>
<p>Lorem ipsum...</p>
<h1>Chapter 2</h1>
<p>Loremipsum...</p>
<h1>Chapter 3</h1>
<p>Loremipsum...</p>
<h1>Chapter 4</h1>
<p>Loremipsum...</p>
addClass()
Adds the specified class(es) to one ore 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 page877 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).
Adding a class has no effect if the class is already present.
addClass(classname)
Adds the specified class(es) to one or more HTML elements. This has no effect if the class is
already present.
Page 883