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>");

这是working example。

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

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

Answer 4

怎么样：

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