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并在其前面插入新元素：

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

这是一个工作示例。

或者（为了获得更好的性能），使用filter：

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