Question

我正在尝试使用jquery填充一个包含1列的简单表。我在边栏小工具上尝试代码，因此无法弄清楚问题所在。

这是我想在表格中填充的json数组。

[{"roomName":"admin"},{"roomName":"administrator"},{"roomName":"super Administrator"},{"roomName":"baba ji ka boota"}]

这是我到目前为止所做的。

    $.each(dataFromMainFile, function(item) {
        $('<tr>').append($('<td>').text(item.roomName)).appendTo('#data-Table tbody');
    });

下面是HTML，我想要填充

<table id="data-Tables" class="data-Tables" cellpadding=0 cellspacing=0 border=0>
    <thead>
    <tr>
        <th>Room</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td id="testingbaba2">Director Room No: 36</td>
    </tr>
    <tr>
        <td id="testingbaba">Director Room No: 36</td>
    </tr>
    </tbody>
</table>

我做错了什么我无法看到小工具中的错误，这就是为什么无法解决问题。

Answer 1

看起来你只是传递索引，而不是元素（项目）。

您的目标ID也是错误的。在你的标记中，你想要的ID是'#data-Tables'，但你要传递给'#data-Table'。

试试这个：

$.each(dataFromMainFile, function(index, item) {
    $('#data-Tables tbody').append('<tr><td>' + item.roomName + '</td></tr>');
});

这是一个小提琴：http://jsfiddle.net/4yy2za6w/1/

Answer 2

我做这样的事情：

    $.each(dataFromMainFile, function(item) {
        $("#myTable").append('<tr><td>' + item.roomName + '</td></tr>');
    });

如何使用jQuery填充表

2 个答案: