如何在两个div之间插入div？

Question

  

我有以下HTML ...

<div id="one"></div>
<div id="two"></div>

我想通过选择$（'＃two'）选择器

来插入这样的<div id="test"></div>

结果：

<div id="one"></div>
<div id="test"></div>
<div id="two"></div>

Answer 1

使用.insertBefore()

$('<div id="test" />').insertBefore('#two')

演示：Fiddle

Answer 2

您可以将.after()或.before()与jQuery一起使用来完成您追逐的目标。

$('#one').after('<div id="test"></div>');

或

$('#two').before('<div id="test"></div>');

Answer 3

尝试

$( "#two").before( "<div id="test"></div>" );

Answer 4

请正确创建DOM元素

$('<div>').attr('id', 'test').insertBefore('#two');

Answer 5

这是另一个答案

$("<div id="test"></div>").insertAfter('$one')