如何通过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>');