的jQuery的append（）排左第一欄是空的，如果沒有足夠的數據

Question

我有使用JSON數據

$.ajax({ 
    url: '@Url.Action("Method", "Controller")', 
    type: 'GET', 
    dataType: 'json', 
    contentType: 'application/json; charset=utf-8', 
    success: function (data) { 
     $.each(data, function (i, item) { 
      $('#mp tr:eq(1) td:eq(1)').html(item).appendTo('#data');      
     }); 
    } 
}); 

我行的表執行的方法後（兩個項目填充行表AJAX方法在JSON）：

<table id="mp"> 
    <tr id="data"> 
     <td>Data</td> 
     <td></td> 
     <td></td> 
     <td>56</td> 
     <td>85</td> 
    <tr></tr> 
</table> 

但是，如果有2只在它們出現在一行的最後兩列填充後的JSON數據，但前兩列項是空的。如何填充第一列，而不是最後一列？看起來像這樣：

<table id="mp"> 
    <tr id="data"> 
     <td>Data</td> 
     <td>56</td> 
     <td>85</td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr></tr> 
</table> 

Answer 1

的問題是appendTo()將元素移動到最後位置tr

嘗試使用當前數據項的索引來訪問td

$.ajax({ 
    url: '@Url.Action("Method", "Controller")', 
    type: 'GET', 
    dataType: 'json', 
    contentType: 'application/json; charset=utf-8', 
    success: function (data) { 
     var $tds = $('#data td'); 
     $.each(data, function (i, item) { 
      $tds.eq(i + 1).html(item); 
     }); 
    } 
})