在元素之间插入新的 DOM

【问题标题】：insert new DOM between elements在元素之间插入新的 DOM
【发布时间】：2010-08-04 09:49:18
【问题描述】：

我有以下 DOM 部分：

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

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

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

【问题讨论】：

【解决方案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>');

【讨论】：

【解决方案2】：

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

或

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

【讨论】：