javascript - 向 tbody 元素添加 ID 的正确 HTML 语法是什么？

Question

我正在尝试使用 JS 从 API 获取值并使用表行创建一个 DIV 标记。行和数据已成功形成。问题是，当我在 Table BODY 中调用它时，它不起作用。数据在表外可见。

$.each(data.tasks, function(i,tasks)
    {
        j=j+1;
        var html ="<tr><td>"+j+"</td><td>"+data.tasks[j].song_name+"</td><td>"+data.tasks[j].album_name+"</td><td>"+data.tasks[j].price+"</td></tr>";
        $(html).appendTo("#odersList");
    });

我的 HTML 代码是:

 <tbody>
 <div id="odersList"></div>
 </tbody>

Answer 1

像下面一样:

$.each(data.tasks, function(i,tasks)
    {
        j=j+1;
        var html ="<table><tbody><tr><td>"+j+"</td><td>"+data.tasks[j].song_name+"</td><td>"+data.tasks[j].album_name+"</td><td>"+data.tasks[j].price+"</td></tr></tbody></table>";
        $(html).appendTo("#odersList");
    });

和 HTML 标记

     <div id="odersList"></div>

因为您使用的标记无效，您无法在 <tbody> 中添加 Div 标记但您可以将其添加到 <td> 中