javascript - 在元素之间插入新的 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

使用.after()在 div-1

上

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

或使用 .before()在 div-2

上

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