将json数据分配为按钮ID

Question

我正在通过下面的代码将json数据加载到表中。我在添加按钮时出现问题（显示为var edBtn）并将item.id（检索的数据）指定为其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" 
    } 
] 

Answer 1

不喜欢这样，它看起来像你想在TD添加按钮：

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

见DEMO EXAMPLE，在演示中，我使用了按钮，您可以在上执行相同操作210