jquery - 如何通过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()

说明：将由参数指定的内容插入到匹配元素集中每个元素的开头。

$('#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>');