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