Question

我正在尝试使用JS从API获取值并使用Table Rows创建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>中添加

Answer 2

向TBODY添加ID工作。

<tbody id="odersList">

将标识添加到tbody元素的正确HTML语法是什么？

2 个答案: