вставить новый DOM между элементами

Question

У меня есть следующая часть DOM:

<div id="content">
  <div id="div-1"></div>
  <!-- here new DOM -->
  <div id="div-2"></div>
</div>

Мне нужно вставить новую часть DOM между "div-1" и "div-2".

Как я могусделать это с помощью jQuery?

Answer 1

использование .after() на div-1

$('#div-1').after('<div id="new">new div</div>');

или используйте .before() на div-2

$('#div-2').before('<div id="new">new div</div>');

Answer 2

$('#div-1').after('<div>new content</div>')'

или

$('<div>new content</div>').insertAfter($('#div-1'));