Question

我做了一个项目，从数据库中选择数据到表中。我使用jquery我刚刚制作了代码来选择表中的数据。但现在我有一个问题。我不知道在插入适合tbody项目的tbody之前如何填充thead。

这是我从数据库中选择数据的代码我使用jquery

＆＃13;

$(document).ready(function() {
  $.ajax({
    type: "POST",
    url: "../php/absen/spl_inputselect_data.php",
    success: function(data) {
      var list = JSON.parse(data);
      for (var i = 0; i < list.length; i++) {

        var tr = "<tr>";

        tr += "<td>" + list[i]['no'] + "</td>";
        tr += "<td>" + list[i]['nama'] + "</td>";
        tr += "<td>" + list[i]['tanggal'] + "</td>";
        tr += "<td>" + list[i]['jam_mulai'] + "</td>";
        tr += "<td>" + list[i]['jam_selesai'] + "</td>";
        tr += "<td>" + list[i]['status'] + "</td>";
        tr += "<td>" + list[i]['total'] + "</td>";
        tr += "<td>" + list[i]['bagian'] + "</td>";
        tr += "<td>" + list[i]['cost'] + "</td>";
        tr += "<td>" + list[i]['tugas'] + "</td>";
        tr += "</tr>";
        $("#check_data tbody").append(tr);
      }
      return false;
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

Answer 1

您可以使用jquery的insertBefore添加

$('thead').insertBefore( "table tbody");

Answer 2

另一个解决方案是prepend()方法：

$('table').prepend('thead');

如何在插入带有jquery的`tbody`之前插入`thead`

2 个答案: