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