將json數據分配爲按鈕ID

我正在通過下面的代碼將json數據加載到表中。我在添加按鈕時出現問題（顯示爲var edBtn）並將item.id（檢索的數據）指定爲其ID。將json數據分配爲按鈕ID

$.getJSON('php/um_getallusers.php',function(dta){ 
     var $tbody = $("#um tbody").empty(); 
     $.each(dta, function(index, item) { 
      var edBtn = $('<button />', { class: 'btn btn-info btn-xs', text: 'Col', type: 'button' }); 
      $tr = $("<tr/>").appendTo($tbody); 
      $('<td/>').text(item.id).appendTo($tr); 
      $('<td/>').text(item.name).appendTo($tr); 
      $('<td/>').text(item.username).appendTo($tr); 

      $('<td/>').edBtn.appendTo($tr); 
     }); 
});

編輯：

JSON響應：

[ 
    { 
    "id":"2","0":"2","name":"Marie Leem","1":"Marie Leem","username":"xtyz","2":"xtyz" 
    }, 
    { 
    "id":"1","0":"1","name":"John Doah","1":"John Doah","username":"doahM","2":"doahM" 
    } 
]

來源

2014-10-09 Fergoso

不喜歡這樣，它看起來像你想在TD添加按鈕：

var $td = $('<td/>', { id: item.id}); 
edBtn.appendTo($td); 
$td.appendTo($tr);

見DEMO EXAMPLE，在演示中，我使用了按鈕，您可以在上執行相同操作210

來源

2014-10-09 07:29:32

謝謝。我現在嘗試過，但沒有解決問題。不播種按鈕也只顯示錶格中的第一行數據。 – Fergoso 2014-10-09 07:31:49

看到編輯後.. – 2014-10-09 07:33:20

沒有工作。現在不在表格中顯示任何數據。 – Fergoso 2014-10-09 07:35:36

將json數據分配爲按鈕ID

回答

相關問題