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

Question

我目前正在处理以HTML格式列出的记录,记录来自数据库和该表的末尾部分,我有一些操作,EDIT DELETE SHOW,我已经完成了编辑,这与以下内容不同我的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
})

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

这是表的整个视图,

Answer 1

没有经过测试,但我希望问题是你正在尝试获取val()所有匹配项#delete,这可能是你所有的删除按钮(我不知道如果没有看到你生成的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
})