jQueryを使用してHTMLテーブルを構築する方法

Question

jQueryで正しいhtmlフォーマットを取得しようとしています。 現時点で私の出力は、一列に

• 注/ 2.5/1

あるしかし、私は互いに

• 注
• 2.5
うち値が欲しいです

これは私の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

使用このコード私のHTMLのテーブルが

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

を構築されており、ここにある：

$('#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>'); 
});