вставки нового DOM между элементами

Question

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

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

мне нужно вставить новую часть DOM между «ДИВ-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'));