Alt tablo ve jquery'yi kullanarak javascript'te otomatik tablo tablosu

Question

JS noobie question .. JQuery ve altçizgi kullanarak HTML tablosunu otomatik olarak doldurmaya çalışıyorum. Ben çalışan saf js aşağıdaki var, ama ben yalnızca bir satır doldurmak Aşağıdaki kodu denedim _.each() kullanarak

<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> 

.. bu yukarıda belirtilen kütüphaneleri kullanarak uygulamak çalışıyorum benim diziden son değer .. jQuery

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

yüzden nasıl ben '+ ='

?? tx

Answer 1

Swap yerine append() için html() çağrısı, aksi takdirde görünüşte önceki tablo girdileri bir yenisi eklenen her zaman üzerine yazıyorsanız:

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

çalışması gerekir ki!