insert nouveau DOM entre les éléments

Question

je la partie suivante du DOM:

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

Je dois insérer une nouvelle partie du DOM entre "div-1" et "div-2".

Comment puis-je le faire avec jQuery?

Answer 1

utilisation .after() sur div-1

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

ou utiliser .before() sur div-2

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

Answer 2

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

ou

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