Question

我正试图从ajax结果中追加。

$("#result").append(' <tbody> <tr>  <td>' + no + '</td> <td> ' + val.FullName + '  </td> <td> ' +val.attendancedate+ '  </td>'  +
'<td>' + val.InTime + '</td> <td>' + val.OutTime + '</td> <td>' +val.total + '</td> </tr> </tbody>');

这是我的表

<div class="box-body">
            <table class="table">
                <thead>
                    <tr>
                        <td> No </td>
                        <td> Nama Lengkap </td>
                        <td> Tanggal Kehadiran <td>
                        <td> Jam Masuk </td>
                        <td> Jam Keluar </td>
                        <td> Total Jam Lebih </td>
                    </tr>
                </thead>

                <div id="result">
                </div>

            </table>
        </div>

ajax结果没有问题。问题出在append。这是示例结果。感谢

那我该如何解决呢？

Answer 1

试试这个

$(".table thead").after(' <tbody> <tr>  <td>' + no + '</td> <td> ' + val.FullName + '  </td> <td> ' +val.attendancedate+ '  </td>'  +'<td>' + val.InTime + '</td> <td>' + val.OutTime + '</td> <td>' +val.total + '</td> </tr> </tbody>');

在thead之后使用，你不能在表格中添加div

你的HTML将是

<div class="box-body">
    <table class="table">
        <thead>
            <tr>
                <td> No </td>
                <td> Nama Lengkap </td>
                <td> Tanggal Kehadiran <td>
                <td> Jam Masuk </td>
                <td> Jam Keluar </td>
                <td> Total Jam Lebih </td>
            </tr>
        </thead>
    </table>
</div>

Answer 2

你不能在表格中写这样的DIV。而是写tbody并附加到其中试试这个：

<div class="box-body">
    <table class="table">
        <thead>
            <tr>
                <td> No </td>
                <td> Nama Lengkap </td>
                <td> Tanggal Kehadiran <td>
                <td> Jam Masuk </td>
                <td> Jam Keluar </td>
                <td> Total Jam Lebih </td>
            </tr>
        </thead>

        <tbody id="result">
        </tbody>

    </table>
</div>

    $("#result").append('<tr>  <td>' + no + '</td> <td> ' + val.FullName + '  </td> <td> ' +val.attendancedate+ '  </td>'  +'<td>' + val.InTime + '</td> <td>' + val.OutTime + '</td> <td>' +val.total + '</td> </tr>');

Answer 3

将结果附加到表格，而不是div。或者，将表格ID设置为id="results"

成功'追加'但不是在正确的地方

3 个答案: