2011-08-25 57 views
2

如何在兄弟姐妹之前添加項目?jquery:如何在兄弟姐妹之前添加項目?

例如,

<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> 

回答

1

選擇第一個.item和前插入新的元素:

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

這裏有一個working example

或者(更好的性能),使用filter

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

這應該工作:

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

1

試試這個:

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

怎麼樣:

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