jquery循环动态生成元素id

Question

这是函数中的一个循环，旨在创建元素 <li>并给出每个 <li>一个唯一的ID。但这不起作用。我怀疑这是在 .attr() 中使用引号的简单语法错误。但我无法从谷歌得到直接答案。

for (i=0;i<array.length;i++)
{
//create HTML element of tag li
$('#suggest').append("<li></li>");
$("li").attr("id",'li'+i);
$('#li'+i).html(array[i]);
}

Answer 1

像这样使用

$suggest = $('#suggest');
for (i=0;i<array.length;i++) { 
  $suggest.append($('<li/>', {
     id:    'li'+i,
     html:  array[i]
  })); 
} 

为了获得最佳性能结果，请执行以下操作:

var str = '';
for (i=0;i<array.length; i++) {
   str += '<li id=\'li' + i + '\'>' + array[i] + '</li>';
}
$('#suggest').append(str);