javascript - 删除表格行中的按钮

Question

我正在开发一个购物车应用程序。我使用 jQuery 来获取项目并以表格格式显示它。每个项目表都包含一个删除按钮，用于将其从购物车中删除。我已经使用了 table 上的点击功能来删除该项目。但是，如果我单击 qty 字段，该表也会被删除，因为它位于表内部。我希望当我单击表格内的删除按钮时删除该表格。

$(document).ready(function(){
    $(".add_cart").click(function(){
        var id = this.id;
        $(this).prop("disabled",true);      
        $.get("cart.php",{
            "id":id
        },function(data){
            $("#sam").append("<table id='"+id+"' class='tables'><tr><td>"+data+"</td><td><input class='remove' id='"+id+"' type='button' value='Remove'></td></tr></table><br>");    
            $(".remove").click(function(){
                $(table.tables).remove();
                $("#"+id).prop("disabled",false);
            });
        });
    });
});

Answer 1

use this:

$("table.tables").remove();