如何使用jQuery填充表

我正在尝试使用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');
    });

$。每个（DataFromMain文件、函数（项）{
$（''）.append（$（''）.text（item.roomName））.appendTo（'#数据表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>

房间
主任室36号
主任室36号

---

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

看起来您只是传递了索引，而不是元素（项）

你的目标id也是错误的。在标记中，需要的ID是“#数据表”，但要传递到“#数据表”

试试这个：

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

$。每个（DataFromMain文件、函数（索引、项）{
$（“#数据表tbody”）.append（“”+item.roomName+“”）；
});

---

这里有一把小提琴：

我会这样做：

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

$。每个（DataFromMain文件、函数（项）{
$（“#myTable”）.append（“”+item.roomName+“”）；
});

您将添加到

#数据表

（单数），但您的表具有id

数据表

（复数）。查看源代码js代码运行后得到的结果。这会给你一个线索。它是否被更改了？谢谢，但它仍然没有将行追加到表中：（谢谢，我不认为这是你给出的语法中的问题。我不确定它为什么会出现这个问题，当我在浏览器中尝试时，我遇到了这个错误。

TypeError:invalid'in'operator a

我必须看到更多的代码，因为我发布的jquery运行良好，并且回答了你最初发布的代码可能遇到的任何问题。好的，找出它在firefox中出现firebug错误的原因。它将我的json数据作为字符串读取。我不知道它为什么这样做，所以我将它更新为

$。每个（eval（dataFromMainFile），函数（index，item）

它开始在firefox上工作，但在windows边栏小工具中问题仍然是一样的。您可以尝试执行$.parseJSON（dataFromMainFile.trim（））我刚刚检查了firebug，我收到了这个错误。

TypeError:invalid'in'operator a