評価列の下にボタンを追加するJQueryまたはAJAX

Question

result.dateの後にボタンを追加したいのは、自分のコードで動作しないようです。ボタンをtdタグの間に置くと、[object Object]エラーが表示されます。

$.ajax({ 
    type: 'GET', 
    url: 'someUrl.php', 
    data: {op : "demo"}, 
    dataType: 'json', 
    success: function(data){ 
      $("#restaurantList > td").empty(); 
      $.each(data, function(i,result){ 
       var buttons = $('<button/>', { id: 1, text:"Get Rating", value: "GetRating", click: function(){alert(result.business);}}); 
       var newRow = 
        "<tr>" 
         +"<td>" + result.business + "</td>" 
         +"<td>" + result.address + "</td>" 
         +"<td>" + result.rating + "</td>" 
         +"<td>" + result.date + "</td>" 
        +"</tr>"         
        $("#restaurantList tbody").append(newRow) 
        $("#restaurantList tbody").append(buttons) 
      });      
    } 
}); 

Answer 1

この方法は、次

success: function(data){ 
     $("#restaurantList > td").empty(); 
     $.each(data, function(i,result){ 
      var buttons = $('<button/>', { id: 1, text:"Get Rating", value: "GetRating", click: function(){alert(result.business);}}); 
      var newRow = 
       $("<tr>" 
        +"<td>" + result.business + "</td>" 
        +"<td>" + result.address + "</td>" 
        +"<td>" + result.rating + "</td>" 
        +"<td>" + result.date + "</td>" 
       +"</tr>" ); 
      var td = $("<td></td>"); 
      newRow.append(td); 
      td.append(buttons); 
      $("#restaurantList tbody").append(newRow); 

     });      
    }