追加數組的所有值一個錶行

Question

我有一個從我的數據庫返回數組像這樣的AJAX請求：

$objet['name'] 
$objet['date'] 
$objet['amount'] 

當我做一個each功能，它爲每個行和鑰匙的迭代器，

我想對每一行進行一次迭代並在表格行中顯示數據。下面是我的代碼：

$("#show_debours").dialog("open"); 
    var groupe_debours = $(this).closest('tr').find('.groupe').val(); 
    $.ajax({ 
     type: "POST", 
     url: "requetes_ajax/fetch_debours_detail.json.php", 
     data: "groupe=" + groupe_debours, 
     success: function(data){ 
      $('.remove').remove(); 
      $.each(data, function (data) { 
       $('#fetchdebours tr:last').after('<tr class="remove"><td>' + data.libelle_debours + '</td><td>' + data.date + '</td><td>' + data.debours_montant_ht_tva + '</td><td>' + data.debours_montant_ht_no_tva + '</td><td>' + data.debours_montant_ttc + '</td></tr>') 
       //alert(key + ': ' + value); 
      }); 
     } 
    }); 
}); 

一切工作正常，但不是所有的值返回一行，就返回因爲有行和變量

例如，如果我有3行作爲多行我數據庫它返回給我我的表中的9行。它不應該。

在PHP我做

<?php 
    foreach($data as $row): 
     echo "<tr><td>{$data['name']}</td><td>{$data['date']}</td>{$data['amount']}</tr>"; 
    endforeach; 
?> 

這工作得很好，它返回給我3排裝滿所有值。我想在jQuery中一樣，但我不知道如何。我做了一些沒有成功的研究。

任何形式的幫助將非常感激

Answer 1

因爲您要建立在每次迭代中tr元素，它會創建多個行。試試這個：

success: function(data){ 
    $('.remove').remove(); 
    var $tr = $('<tr />', { 'class': 'remove' }); 
    $.each(data, function (data) { 
     $tr.append('<td>' + data.libelle_debours + '</td><td>' + data.date + '</td><td>' + data.debours_montant_ht_tva + '</td><td>' + data.debours_montant_ht_no_tva + '</td><td>' + data.debours_montant_ttc + '</td>'); 
    }); 
    $('#fetchdebours tr:last').after($tr); 
}