wie einfügen `thead` vor dem Einfügen der` tbody` mit jquery

Question

Ich habe ein Projekt gemacht, um Daten aus der Datenbank in eine Tabelle auszuwählen. Ich benutze jquery Ich habe gerade den Code für die Auswahl der Daten in die Tabelle gemacht. aber jetzt habe ich ein Problem. ich weiß nicht, wie man thead füllt, bevor man den tbody einfügt, der mit dem tbody Einzelteil passen kann.

dies meine Codedaten aus der Datenbank auswählen i jquery

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

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

Answer 1

Sie verwenden können, wie

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

Answer 2

Eine weitere Lösung ist prepend() Methode insertBefore von jquery hinzufügen:

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