jquery - 在 jQuery 中添加带有 for 循环的 div

Question

目前我在 ajax 成功调用中执行此操作:

$(".user_profiles_holder").append('<div class="appendeditems">');
for(var i=0; i<data.userArray.length; i++){
  var user = data.userArray[i];
  $(".appendeditems").append(user.first_name);
}
$(".user_profiles_holder").append('</div>');

有更好的方法来做我在这里做的事情吗？它有效......但我想它可能会中断，具体取决于循环数组等所需的时间？

Answer 1

您当前的代码实际上 append 了 2 个 div，例如 append </div>标记您创建另一个 div - 您一次只能 append 整个元素。也就是说，您可以稍微优化代码以在内存中创建新元素，并且只向 DOM 追加一个元素。试试这个:

var $appendedItems = $('<div />', { 'class': 'appendeditems' });
for (var i = 0; i < data.userArray.length; i++) {
    $appendedItems.append(data.userArray[i].first_name);
}
$appendedItems.appendTo(".user_profiles_holder");