jquery - 2 つの 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

.after()または.before()jQuery を使用して、追跡していることを正確に行うことができます。

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

また

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

Answer 3

これは別の答えです

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

Answer 4

試す

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

Answer 5

DOM要素を正しく作成してください

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