在javascript中使用下划线和jquery自动填充表格

Question

JS noobie问题.. 我想使用jquery和下划线自动填充HTML表格。我在那工作的纯JS以下，但我想这使用上述库来实现..

<table id="table" style="border: 1px solid black;"> 
</table> 

<script type="text/javascript"> 
    var students = [ 
     { 
      "firstname": "Woody", 
      "lastname" : "Johnson", 
     }, 
     { 
      "firstname" : "Jerry", 
      "lastname" : "Jones", 
     }, 
     { 
      "firstname" : "Bill", 
      "lastname" : "Parcells", 
     } 
    ] 
    for (var i = 0; i < students.length; i++) 
     document.getElementById('table').innerHTML += '<tr><td style="border: 1px solid black;">'+students[i].firstname+'</td></tr>'; 
</script> 

使用_.each（）我已经尝试下面的代码只填充一行与从我的阵列的最后一个值..

function fn (element, index, list) { 
     $("#table").html('<tr><td>'+element.firstname+'</td></tr>'); 
    } 
    _.each(students, fn); 

那么我如何在jQuery + ='？ TX

Answer 1

交换的呼叫html()为append()代替，否则你表面上覆盖每一个新加入的时间上表中的条目：

function fn (element, index, list) { 
    $("#table").append('<tr><td>'+element.firstname+'</td></tr>'); 
} 
_.each(students, fn); 

这应该工作！