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

Question

I am trying to get the values from API using JS and create a DIV tag with Table Rows.The rows and data are formed successfully. The problem is that when I call this inside a Table BODY it does not work. The Data are visible outside the Table.

$.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");
    });

And my HTML code is:

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

Answer 1

Do like below :

$.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");
    });

and HTML markup

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

Because the markup ou are using is invalid, you can't add Div tag in <tbody> but you can add it in <td>

Answer 2

将ID添加到TBODY的工作正常。

<tbody id="odersList">