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

Question

JS菜鸟问题.. 我正在尝试使用 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 中使用 '+=' 呢？发送

Answer 1

将对 html() 的调用改为 append()，否则每次添加新条目时，表面上都会覆盖以前的表条目:

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

这应该有效!