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，在我使用过按钮的演示中，您可以在td

上执行此操作

将json数据指定为按钮ID

1 个答案: