如何获得归因 <tr> 单击内部的锚点时标记 <td> 指向javascript函数

Question

所以我需要一些帮助。

我有一个查询到sql数据库，查询返回一个数组，其中包含表中的所有数据。

然后我有一个for可以将所有数组数据插入到表的行中。

此代码块用数组中的数据填充表：

for ($i = 0; $i < $size; $i++) {
 print ("
 <tr>
 <td>".$Users[$i][0]."</td>
 <td>".$Users[$i][1]."</td>
 <td>*****</td>
 <td><a href='javascript:Delete_User();'><img src='images/delete.png'/></a>/td>
 </tr>
 <tr>");
}

当我们单击锚点时，它指向JavaScript函数Delete_User（）;。

函数Delete_User（）;

function Delete_User() {
$.ajax({
    type: "GET",
    url: "delete_user.php" ,
    data: { id: "TABLE ROW ID HERE" },
    success : function() {
            window.location.href='utilizadores.php';
        }
        });
}

我正在尝试解决这个问题，如果我可以使用jQuery或js向标签添加属性，我就可以实现。

我的第一次尝试：

for ($i = 0; $i < $size; $i++) {
 print ("
 <tr row-id='".$Users[$i][0]."'>
 <td>".$Users[$i][0]."</td>
 <td>".$Users[$i][1]."</td>
 <td>*****</td>
 <td><a href='javascript:Delete_User();'><img src='images/delete.png'/></a>/td>
 </tr>
 <tr>");
}

那么，现在如何在Delete_User js函数的ajax函数的get参数中获取该row-id值？

提前致谢。

Answer 1

这是最简单的方法：

 <td><a href='javascript:Delete_User(\"{$Users[$i][0]}\");'>

和

 function Delete_User( id ) {

或者：

 <tr data-row-id='{$Users[$i][0]}'>
 ...
 <td><a href='javascript:Delete_User(this);'>

和

function Delete_User( el ) {
    var id = $(el).closest("tr").data( "row-id" );
    ...

Answer 2

向您的DOM元素添加一个类：

<a class='delete-button' ...></a>

并在您的.js文件中添加以下内容：

$('a.delete-button').on('click',function(e){
    e.preventDefault();
    Delete_user($(this).closest('tr').attr('row-id'))
}

并添加您的功能delcare

Delete_user(id){ ... }