怎么把每个内部追加？

Question

这是我的代码

$('#payment_detail').append(
                        '<table class="table table-bordered table-striped">'+
                        '<thead>'+
                        '<th>Payment Date</th>'+
                        '<th>Payment Value</th>'+
                        '<th>Verified By</th>'+
                        '</thead>'+
                        '<tbody>'+
                            $.each(response.payments, function (key, value) {
                                return '<td>'+ value.payment_date +'</td> <td>'+ value.payment_value +'</td> <td>'+ value.created_by +'</td>'
                            })+
                        '</tbody>'+
                        '</table>'
                    );

但视图看起来像这样

有人能帮帮我吗？感谢

Answer 1

试试这个

('#payment_detail').append(
                        '<table class="table table-bordered table-striped">'+
                        '<thead>'+
                        '<th>Payment Date</th>'+
                        '<th>Payment Value</th>'+
                        '<th>Verified By</th>'+
                        '</thead>'+
                        '<tbody id="dtDetails"></tbody></table>');

    $.each(response.payments, function (key, value) {
        $("#dtDetails").append('<tr><td>' + value.payment_date + '</td> <td>' + value.payment_value + '</td> <td>' + value.created_by + '</td></tr>');
    });