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

Answer 3

Попробуйте это:

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

Answer 4

как насчет:

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