php - 如何使用 jQuery/Javascript/PHP 删除 HTML 表中的记录

Question

我目前正在处理以 HTML 形式列出的记录，记录来自数据库，在该表的末尾部分，我有一些操作，编辑删除显示，我已经完成了编辑，这不是与我的 DELETE 相同，我的 DELETE 操作是使用 ajax 完成的，但问题是我无法正确获取每个按钮的值，其中包含数据库中的 ID。

这是删除按钮所在表格的一部分:

 <td width="61"><button id="delete" value="<?php echo "$arr[0]"; ?>">Delete</button></td>

这是 jQuery 部分

$("#delete").click(function(){
    alert($("#delete").val()); <-- CAN"T GET THE CORRECT ID
    //AJAX PART HERE
})

问题是我无法正确获取我按下的按钮的值，我该怎么做，非常感谢任何建议..

这是表格的整个 View ，

Answer 1

未经测试，但我预计问题是您正在尝试获取 #delete 的所有匹配项的 val()，这可能是您的全部删除按钮(如果没有看到您生成的 HTML，我就无法知道)。

您实际上应该使用delete类并使用.delete而不是id进行选择，作为id，根据 HTML 规范应该引用一个唯一的元素。

$("#delete").click(function(){
    // note the use of `this` to refer to clicked object, rather than all delete buttons
    alert($(this).val());
    //AJAX PART HERE
})