如何在<tr>当点击<td>指向javascript函数

How to get atributes in <tr> tag when clicking an anchor inside a <td> that points to javascript function

本文关键字：lt gt td 指向 javascript 函数 tr      更新时间：2023-09-26

所以我需要一些帮助。

我有一个对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';
        }
        });
}

我试图解决这个问题，如果我在标签中添加一个atribute，也许用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参数中获取行id值呢？

提前谢谢。

以下是最简单的方法：

 <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" );
    ...

向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){ ... }
相关文章：