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

选择第一个.item和前插入新的元素：

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

这里有一个working example。

或者（更好的性能），使用filter：

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

Answer 2

这应该工作：

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

Answer 3

试试这个：

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

Answer 4

怎么样：

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