after()
Insert elements after the target Element
Inserting an HTML string
$('#target').after('<p class="main">I am after! <strong>Very Strong </strong></p>');
//OUTPUT:
<p class="main">I am after! <strong>Very Strong </strong></p>
<div id="target"></div>
Inserting an element .
const newDiv = document.createElement('div');
newDiv.textContent = 'I am after!';
$('section > div*').after(newDiv));
Insert Multiple elements.
const elements = [
document.createElement('span'),
'<b>Bold Text</b>',
document.createElement('i'),
'<p>Paragraph</p>',
...$('input[type="checkbox"]*')
];
$('.all > div*').after(elements);
Last updated