如何使用jQuery构建HTML表

Question

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

• 注意/ 2.5 / 1

但我希望彼此之间有价值

• 注意
• 2.5
• 1

这是我的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>');
});