jQueryではどうやって兄弟として何かを追加できますか？例えば

Question

は、私はどのように私は上記の間

<div class="sibling2"></div> 

を挿入することができます

<div class="sibling1"></div> 
<div class="sibling3"></div> 

があると？私が先頭に追加を試してみましたが、これは子供のいない兄弟

Answer 1

jQueryでは、コンテンツを特定の位置に挿入するためのさまざまなオプションがあります。それはすべてjQuery documentation page for DOM insertion outside an objectで非常によく説明されています。

既存の要素（例えばない子）の外にコンテンツを挿入しますが、そのオブジェクトに対して位置決めするために、あなたはこのjQuery docのスクリーンショットに示す4つのオプションがあります。

を

最初の二つの違い最後の2つは議論だけである。最初の2つの場合、挿入する場所はjQueryオブジェクトにあり、コンテンツは関数の引数にあります。最後の2つの場合、挿入されるコンテンツはjQueryオブジェクトにあり、宛先は関数の引数にあります。複数の関数呼び出しが連鎖するため、時にはどちらか一方がより便利になることがあります。

このように、既存のオブジェクトの前後にコンテンツを挿入できます（これにより、そのオブジェクトの兄弟になります）。

あなたはそれがそのオブジェクトの子になりたい場合は、あなたがなど.append()、.appendTo()、.html()、を含む内部内容を変更/設定することができますsix jQuery methodsのいずれかを使用することができます...

Answer 2

http://api.jquery.com/insertBefore/ます：

$('<div class="sibling2"></div>').insertBefore($('.sibling3')); 

Answer 3

使用after、そのような：

は

$('.sibling1').after('<div class="sibling2"></div>'); 

ます。また、IDの代わりにクラスを使用することができ、より多くのを感じます私に是非、そう：

<div id="sibling1" class="sibling"></div> 
<div id="sibling3" class="sibling"></div> 

そして：

$('#sibling1').after('<div id="sibling2" class="sibling"></div>');