AJAX 删除 - 使用 jQuery答案

【问题标题】：AJAX delete - using jQueryAJAX 删除 - 使用 jQuery
【发布时间】：2008-12-17 17:35:56
【问题描述】：

我有一个简单的购物车页面，它显示某人购物车中的商品，并在我的桌子上通过 ASP 显示。我有一列，用户可以在其中删除条目。我的 ASP 工作正常，现在我正在尝试在其中添加一些 AJAX。我有以下代码：

$("img.delete").click(function() {
var id     = $('#id').attr('value');        
    $.ajax({
        type: "POST",
        url: "delete.php",
        data: "id="+ id,
        success: function(){
            $('tr.selector').remove();
            $('div.success').fadeIn();
        }
    });
return false;
});

问题是，我将如何为每个值设置它，因为如果我使用上面的，我单击一个，它们都会消失。我对如何设置它以处理大量行感到困惑。

【问题讨论】：

标签： jquery ajax

【解决方案1】：

您只需选择要删除的项目所在的行。我不确定你是如何设置它的，但如果图像元素在你可以使用的行内：

 $("img.delete").click(function() {
      var row = $(this).parents('tr:first');

      ...

      success: function(){
           $(row).remove(); //Remove the row containing the image element
           ...
      }

      ...
  });

【讨论】：

该代码运行良好！谢谢。 tr:first 是不是说点击img时，取table的父tr？
是的，在 DOM 链中取第一个 tr。我使用 :first 以防万一它嵌套在另一个表中，而且它也是一个停止条件，因此在找到第一个 tr 后它不会进一步搜索。

【解决方案2】：

如果它是您想要的 html id 属性，那么它会起作用。为什么不试试呢？

编辑：可能只是 row.attr('id');它已经从我的脑海中溜走，有一段时间没有使用 jQuery 了:)

【讨论】：

【解决方案3】：

简单的事情是在每个项目的类上附加一个$variable (id)，比如说

// $("img.delete_<?php echo $id;?>").click(function()

在这种情况下，它显示为每个项目的 img.delete_1、img.delete_2 等，

然后将其应用于循环项的类

<td class="delete_<?php echo $id;?>"></td>

希望有意义

$("img.delete_<?php echo $id;?>").click(function() {
var id     = $('#id').attr('value');            
        $.ajax({
                type: "POST",
                url: "delete.php",
                data: "id="+ id,
                success: function(){
                        $('tr.selector').remove();
                        $('div.success').fadeIn();
                }
        });
return false;
});

【讨论】：