如何使用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>'); 
});