在jQuery中附加一个带有for循环的div

目前，我在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>');

$（“.user\u profiles\u holder”）。追加（“”）；
对于（var i=0；i您当前的代码实际上附加了2个div，正如通过附加一个
标记，您可以创建另一个
div
——您一次只能附加整个元素。也就是说，您可以稍微优化代码，在内存中创建新元素，并且只向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");

var$appendedItems=$（“”，{'class'：'appendedItems'}）；
对于（var i=0；i
寻找类似于小胡子jTemplate的jQuery模板引擎