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>');