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

那我该如何+ =＆＃39;在jQuery ?? tx

Answer 1

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

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

这应该有用！

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

1 个答案: