Удалить кнопку в строке таблицы

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 ... удалить идентификатор с кнопки