刪除表格行中的按鈕

Question

我正在開發購物車應用程序。 我已經使用jQuery來獲取項目並以表格格式顯示它。 每個項目表均包含一個刪除按鈕，可將其從購物車中刪除。 我已經使用桌子上的點擊功能刪除了該項目。 但是，如果我單擊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

用這個：

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

Answer 2

嘗試

$(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' type='button' value='Remove'></td></tr></table><br>");
        });
    });
    //use event delegation
    $("#sam").on('click', '.remove', function () {
        //get the table which contains the button
        var $tbl = $(this).closest('tr').remove();
        //get the id of the table instead of the id variable
        $("#" + $tbl.attr('id')).prop("disabled", false);
    });
});

請注意，元素的ID必須是唯一的，您有一個表和一個具有相同ID的按鈕...從該按鈕中刪除該ID