我想获取每个<td><button></td>的值. 这是到目前为止我的代码

Question

//显示所有订单

//我想得到每个选择的值

$.ajax({
    url: 'http://www.api.verdulero.com/index.php/api/Pedidos/mostrar_fila?    id_pedido='+id_pedi,
    type:'get',                         
    success: function(response){       
    $("#tableOrder").show();

//在表中显示每个记录

    $.each(response, function (index,producto){  
    $("#displayOrder").html(''); 

    ap += "<tr>";
    ap += "<td>"+producto.cantidad+"</td>";
    ap += "<td>"+producto.unidad+"</td>";
    ap += "<td>"+producto.producto_nombre+"</td>";
    ap += "<td>"+producto.fecha_entrega+"</td>";
    ap += "<td></td>";
    ap += "<td><button type='button' id='borrar' class='btn btn-danger' value='"+producto.id+"'>Borrar</button></td>";
    ap += "</tr>";

    }); 
    $("#displayOrder").append(ap); // display the orde

r

//函数删除订单。

$("#displayOrder button").each(function(){
        var i = $(this).val();
        $("#displayOrder").on("click","button", function(){
            alert(i);
            return false;
        });
    });
}

//成功显示订单的结束

Answer 1

不需要循环所有按钮，只用于事件侦听器。你可以注册一次，所有的都会被计算在内。参见以下代码：

// event delegation used
// target all the button inside #displayOrder
$("#displayOrder").on("click","button", function(){
   // this is how you captured button's value
   // which in your case is a product ID
   var btnValue = $(this).val();
   // and this to remove button's row(clicked button row)
   $(this).closest('tr').remove();
});

Answer 2

尝试：

$("#displayOrder").click('button', function(){
    $(this).parent().parent().remove();
});