2013-04-01 63 views
2

我想在我現有的UL中添加LI。我的HTML是這樣的:如何在UL中使用jQuery在任意位置添加LII

<ul id="friends"> 
    <li><a href="javascript:void(0);" class="new">Friend 2</a></li> 
    <li><a href="javascript:void(0);" class="new">Friend 3</a></li> 
    <li><a href="javascript:void(0);" class="new">Friend 4</a></li> 
    <li><a href="javascript:void(0);" class="offline">Friend 6</a></li> 
    <li><a href="javascript:void(0);" class="offline">Friend 7</a></li> 
    <li><a href="javascript:void(0);" class="invited">Friend 8</a></li> 
</ul> 

我知道我可以用它來在加李和

$("#friends").append('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>'); 

但它會在最後一個位置添加,我想它在第一位置或添加中間。如何指定我想要插入LI的位置?

+3

http://api.jquery.com/prepend和http://api.jquery.com/after - 只是[瀏覽該文檔(http://api.jquery.com/category/操縱/),直到你找到最適合你的目的的方法。 – Blazemonger

回答

7

你必須使用prepend()而不是append

$("#friends").prepend('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>'); 

要以特定的位置追加可以使用eq()

$("#friends li").eq(4).append('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>'); 
+0

感謝您的快速響應,'prepend'適合我。 – Kabir

3

嘗試prepend

$("#friends").prepend('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>'); 
相關問題