如何通過jquery動態地將li添加到ul中？

Question

這是我的JSP代碼：

<div class="demo-1"> 
    <ul id="carousel"></ul> 
</div> 

要在此li動態地添加ul我正在使用jQuery：

$('#carousel').append('<li><a href=\"#\"><img src=\"'+img.toString()+'\" alt=\"image03\"/></a></li>'); 
carousel.add(); 
carousel.slideEnd(); 

但每當我得到一個新的形象它不是追加到最後一個，而不是每次都顯示第一個。

有什麼想法？

Answer 1

你想prepend - 它插入作爲第一個孩子。

.prepend（）

描述：插入內容，由參數指定到 開始在匹配的元素集合中的每個元素的。

$('#carousel').prepend($('<li><a href=\"#\"><img src=\"'+img.toString()+'\" alt=\"image03\"/></a></li>'); 

Answer 2

$('#carousel'). 
    prepend('<li><a href=\"#\"><img src=\"'+img.toString()+'\" alt=\"image03\"/></a></li>');