Не удалось удалить последний добавленный элемент в JQuery

Question

Я использовал метод append() для добавления данных, и я использовал remove() для удаления каждого элемента. Но я не могу удалить последний элемент в списке.

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

Answer 1

Вы можете использовать last-child.

Я предполагаю, что вы тусклый удалить последний элемент при нажатии кнопки .tables элемента,

$(document).ready(function() { 
    $(".add_cart").click(function() { 
     var id = this.id; 
     $(this).prop("disabled", true); 
     $(this).val("Item Already in Cart"); 
      $("#sam").append("<table class='tables'><tr><td>dasdasdas</td><td><input class='remove' id='3' type='button' value='Remove1'></td></tr><tr><td>dasdasdas</td><td><input class='remove' id='4' type='button' value='Remove4'></td></tr><tr><td>dasdasdas</td><td><input class='remove' id='5' type='button' value='Remove5'></td></tr></table>"); 
      $(".tables").click(function() { 
       $(".tables tr:last-child").remove() 
      }); 
    }); 
}); 

Вот рабочая скрипку: http://jsfiddle.net/8c9NZ/

Если вы хотите удалить каждый щелкнул элемент, вы можешь использовать;

$(document).ready(function() { 
    $(".add_cart").click(function() { 
     var id = this.id; 
     $(this).prop("disabled", true); 
     $(this).val("Item Already in Cart"); 
      $("#sam").append("<table class='tables'><tr><td>dasdasdas</td><td><input class='remove' id='3' type='button' value='Remove1'></td></tr><tr><td>dasdasdas</td><td><input class='remove' id='4' type='button' value='Remove4'></td></tr><tr><td>dasdasdas</td><td><input class='remove' id='5' type='button' value='Remove5'></td></tr></table>"); 
      $(".remove").click(function() { 
       $(this).closest('tr').remove() 
      }); 
    }); 
}); 

Вот рабочая скрипку: http://jsfiddle.net/xyQtU/1/

Answer 2

Чтобы удалить последний элемент из списка используйте:

$(selectAllListElements).last().remove(); 

Answer 3

Попробуйте изменить:

$(".tables").click(function() { 
      $(this).remove() 
     }); 

с:

$(".tables").on('click' , function() { 
     $(this).remove() 
    });