在元素之间插入新的DOM

Question

我有以下DOM部分：

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

我需要在“div-1”和“div-2”之间插入新的DOM部分。

我如何使用jQuery做到这一点？

Answer 1

在div-1

上使用.after()

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

或在div-2

上使用.before()

$('#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'));