For循环只在Jquery中运行一次

Question

在jQuery中运行for循环的问题只运行一次.Users是一个包含4个项目的数组,对于每个项目,它应该将该项目作为列表元素附加到userList,这是一个ul.它按预期将第一个元素附加到数组中,但仅包含该元素.不知道为什么它没有贯穿整个阵列？

$(document).ready(function() {
    var $currentUser = $('<li class="user"></li>');
    for(var i = 0; i < users.length; i++) {
        $currentUser.text(users[i]);
        $currentUser.appendTo('.userList');
    }    
    //alert(users.length) returns "4".
});

Answer 1

试试这个

$(document).ready(function(){
for(var i = 0; i < users.length; i++) {
    var $currentUser = $('<li class="user"></li>');
    $currentUser.text(users[i]);
    $currentUser.appendTo('.userList');
  }
});

您正在覆盖该元素,而不是为每个用户创建一个新元素.试试上面的代码.