2017-07-20 12 views
0

私はデータベースからテーブルにデータを選択するプロジェクトを作成しました。私はjqueryを使用します。私はちょうどテーブルにデータを選択するためのコードを作った。今は問題があります。私はtbody項目に収まるようにtbodyを挿入する前にtheadを満たす方法を知らない。jQueryでtbodyを挿入する前に `thead`を挿入する方法

私が使用してデータベースからデータを選択するには、この私のコードは、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>

+1

'tbody'を' thead'に変更するだけです – guradio

+0

'$(" check_data thead ")。append()'を試したことがありますか? –

答えて

1

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

私のコードにどこにコードを置く必要がありますか? –

+0

あなたは 'thead'を追加したいので、ループの外に置くことができます –

+0

完了...、Thx dude –

0

もう一つの解決策はprepend()方法であるようにあなたはjqueryののinsertBeforeを使用して追加することができます。

$('table').prepend('thead'); 
関連する問題