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

这应该有效：

$('

0

').insertBefore(".item:first");

Answer 2

选择第一个 .item 并在其前面插入新元素：

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

这是一个工作示例。

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

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

Answer 3

试试这个：

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

Answer 4

怎么样：

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