2013-06-05 141 views
-3

这是我的JSP代码:如何通过jquery动态地将li添加到ul中?

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

但每当我得到一个新的形象它不是追加到最后一个,而不是每次都显示第一个。

有什么想法?

回答

2

你想prepend - 它插入作为第一个孩子。

.prepend()

描述:插入内容,由参数指定到 开始在匹配的元素集合中的每个元素的。

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