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

您将覆盖该元素，而不是为每个用户创建一个新元素。尝试上面的代码。