jquery - jquery:兄弟の前にアイテムを追加するにはどうすればよいですか?

Question

兄弟の前に項目を追加するにはどうすればよいですか?

例えば、

<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>

だから私はそれらの前にこのアイテムを追加したい.

<div class="item">0</div>

これはもちろん機能しません！

$('<div class="item">0</div>').insertBefore(".item").siblings(); 

これが結果に必要なものです。

<div class="item">0</div>
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>

Answer 1

これはうまくいくはずです：

$('<div class="item">0</div>').insertBefore(".item:first");

Answer 2

これを試してください：

$('.item:eq(1)').parent().prepend('<div class="item">0</div>')

Answer 3

最初のものを選択し、その.item前に新しい要素を挿入します:

$(".item:first").before("<div class='item'>0</div>");

これが実際の例です。

または（パフォーマンスを向上させるために）、次を使用しますfilter。

$(".item").filter(":first").before("<div class='item'>0</div>");

Answer 4

どうですか：

$("div.class:first").before("<div class='item'>0</div>");