Javascript 使用Jquery克隆列表项

JQuery新手，所以请轻松点：）。我想在每次for语句完成时添加一个新的列表项。在本例中，for语句运行三次，因此列表项应克隆三次。有人能帮忙吗

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" >

var myStringArray = ["ID1", "ID2", "ID3"]
$(function () {

    var children = $("#imageList").children().clone();

    for (string in myStringArray)
    {
        $("#imageList").prepend(children);

        alert(string[0])
        console.log(string[0])
    }     
});

</script>


<ul id="imageList">
<!-- List of scrolling images -->
    <li id="image1" class="ImagesScroller" >

    </li>  
</ul>

---

您需要在每次迭代中创建一个新的克隆，否则您只需一次又一次地移动相同的副本

var myStringArray=[“ID1”、“ID2”、“ID3”]
$（函数（）{
$.each（myStringArray，函数（i，字符串）{
var children=$（“#imageList”）.children（）.first（）.clone（）；
children.text（string）.removeAttr（'id'）；//因为元素的id必须是唯一的
$（“#图像列表”）。预编（儿童）；
console.log（字符串[0]）
})
});





var myStringArray=[“ID1”、“ID2”、“ID3”]
$（函数（）{
$.each（myStringArray，函数（索引，项）{
$（“#imageList”）.append（“
“+item”+
”）；
})
});




非常好-谢谢你，阿伦！
* ID1
* ID2
* ID3

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" >

var myStringArray = ["ID1", "ID2", "ID3"]
$(function () {
    $.each(myStringArray, function(index, item){
    $("#imageList").append('<li id="image'+index+'" class="imageScroller">'+item'+</li>');
})

});

<ul id="imageList">
<!-- List of scrolling images -->
</ul>