ajax - Jquery Ajax 从表和数据库中删除行

Question

我有一个 html 表，如果它由 mysql 表的值填充。这样:

function getCategories(){
    $prod = new C_Product();
    $cat= $prod->getCategorieenAsArray();

    $tr = "";
    foreach ($cat as $key => $value){
        $tr.="<tr><td>&nbsp;</td><td>$value</td><td><img src=\"images/delete_button.gif\"></td></tr>\n";

    }
    return $tr; 

}

现在我希望能够在按下删除按钮时从数据库中删除该行并刷新表，以便它实际上也从 html 页面上的表中删除。我想使用 jQuery 和 Ajax。这对我来说应该不难。我的问题是如何选择要删除的行？ jquery 如何知道哪个 img 被按下？

我应该向 img/tr 添加一个包含值的类吗？如果我使用 id，我将不得不为添加的每一行重新定义 jquery 函数，因此这似乎不是一个正确的解决方案。

有人可以进一步帮助我吗？

谢谢

//编辑:

与此同时，我继续以自己的方式尝试解决问题，现在我有了一个具有正确 ID 的完整 Ajax 调用。

jQuery(document).ready(function(){

    jQuery("img.deleterow").click(function(){
        id = jQuery(this).parent().attr("id");
        jQuery.ajax({
            type: "POST",
            data: "id=" +id,
            url: "ajax_handler.php",
            success: function(msg){
                jQuery(this).parent().remove();
            }
        });

    });
});

现在我遇到的唯一问题是当数据库中删除 id 时从表中删除 tr。这就是我的 tr 的样子:

$tr.="<tr><td>&nbsp;</td><td>$value</td><td id=\"$key\"><img class=\"deleterow\" src=\"images/delete_button.gif\"></td></tr>\n";

Answer 1

我肯定会向 img 或 tr 添加一个类，并且还会添加一个具有数据库中元素 ID 的 ID

但如果你不这样做，就会是这样的

$('img').click(function(){
   var id = $(this ~ tr).attr("id");
   $.ajax(type: "POST",
          url: "some.php",
          data: "id="+id,
          success: function(msg){
             $(id).remove();
   });
});

编辑您的编辑:

您是否尝试过 $("#id ~ tr") 选择器来删除它？例如$(#id ~ tr).remove();

如果您要添加 ID，我还会将 ID 放在 tr 上，然后使用 $('#id').remove(); 删除 tr