A method of jQuery that insert content, specified by the parameter, after each element in the set of matched elements.
The
.after()
insert content, specified by the parameter, after each element in the set of matched elements.
Using the following HTML:
<div class="container">
<h2>Greetings</h2>
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
Content can be created and then inserted after several elements at once:
$( ".inner" ).after( "<p>Test</p>" );
Each inner <div>
element gets this new content:
<div class="container">
<h2>Greetings</h2>
<div class="inner">Hello</div>
<p>Test</p>
<div class="inner">Goodbye</div>
<p>Test</p>
</div>