Prepend()
Insert content at the beginning of each element in the set
of matched elements. See also: append()
prepend(content)
Insert content as the first element to each element in the
set of matched elements. Append creates a new resultset
which is used in chained functions. In case a plain text string (text
node) is provided the content is automatically wrapped in a <span>
elemement to avoid orphan text nodes directly in the body element.
- content HTML string, string or HTML string to insert after the matched elements.
| Examples | Before | After |
|---|---|---|
| Find: #box, Type: selector results.prepend("<h1>Personal information</h1>"); |
<div id="box"> <p>Peter Parker</p> </div> |
<div id="box"> <h1>Personal information</h1> <p>Peter Parker</p> </div> |
| Find: .name, Type: selector results.prepend("<b>Name: </b>"); |
<div> <h1>Personal information</h1> <p class="name">Peter Parker</p> </div> |
<div> <h1>Personal information</h1> <p class="name"><b>Name: </b>Peter Parker</p> </div> |
| Insert content to multiple <div> elements
at once Find: div, Type: selector results.prepend("<h1>Personal information</h1>"); |
<div id="box"> <p>Peter Parker</p> </div> <div id="box"> <p>Peter Parker</p> </div> |
<div id="box"> <h1>Personal information</h1> <p>Peter Parker</p> </div> <div id="box"> <h1>Personal information</h1> <p>Peter Parker</p> </div> |
| Prepend snippet var a = loadhtml('snippets/snippet.html'); results.prepend(a);
|
<div id="box"> <p>Peter Parker</p> </div> |
<div id="box"> <h1>Personal information</h1> <p>Peter Parker</p> </div> |
| query("#box").prepend("<h1>Personal
information</h1>"); |
<div id="box"> <p>Peter Parker</p> </div> |
<div id="box"> <h1>Personal information</h1> <p>Peter Parker</p> </div> |
| query("#box").prepend("<h1>Personal information</h1>").css("color","red"); | <div id="box"> <p>Peter Parker</p> </div> |
<div id="box" style="color:
red;"> <h1>Personal information</h1> <p>Peter Parker</p> </div> |