как я могу вставить div между двумя div?

Question

У меня есть следующий HTML ...

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

Я хочу, чтобы вставить <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')