如何使用jQuery构建HTML表格

Question

我尝试使用jQuery获取正确的html格式。 我此刻的输出是一个行

• 注/ 2.5/1

但我希望彼此之间

• 注
• 2.5
值

这是我的HTML表格构建

<table class="table table-bordered table-striped" id="myTable"> 
</table> 

这里是我的jQuery函数

$('#myTable').empty(); 


      $('#myTable').append('<tbody>') 
      $('#myTable').append('<tr>') 
      $('#myTable').append('<th>'+ "Note" +'</th>') 
      $('#myTable').append('</tr>') 
      $.each(data, function(index, valueAusData){ 


       $('#myTable').append('<tr>') 
       $('#myTable').append('<td>'+ valueAusData.note+'</td>') 
       $('#myTable').append('</tr>') 
      }); 
      $('#myTable').append('</tbody>') 

Answer 1

使用此代码：

$('#myTable').empty(); 
$('#myTable').append('<thead><tr><th>Note</th></tr></thead>'); 
$('#myTable').append('<tbody></tbody>'); 
$.each(data, function(index, valueAusData){ 
    $('#myTable tbody').append('<tr><td>' + valueAusData.note + '</td></tr>'); 
});