jquery - 如何在两个 div 之间插入一个 div？

Question

我有以下html...

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

<div id="test"></div>我想通过选择 $('#two') 选择器来插入这样的

结果：

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

Answer 1

使用.insertBefore()

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

演示：小提琴

Answer 2

您可以使用jQuery.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

这是另一个答案

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

Answer 5

请正确创建 DOM 元素

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