use .insertAfter()
or .after()
Use after or insertAfter:
$('a').after('text');
$('text').insertAfter('a');
You can do something like this:
$('').insertAfter('class name or content string') ;
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 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>
An element in the DOM can also be selected and inserted after another element:
$('.container').after($('h2'));
If an element selected this way is inserted elsewhere, it will be moved rather than cloned:
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
<h2>Greetings</h2>
$('a').after("text");