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