Javascript 获取td的id_Javascript_Php_Mysql

Javascript 获取td的id

javascript php mysql

Javascript 获取td的id,javascript,php,mysql,Javascript,Php,Mysql,我正在尝试获取此td的id。。。。当我检查我的网络控制台时，它显示id=undefined。我不确定我做错了什么 <td data-id="' . $fetch['userID'] . '" > <button onClick = "deleterecord();">delete</button> </td> deletemember.php $id = $_GET['id']; $stmt = $conn->pr

我正在尝试获取此td的id。。。。当我检查我的网络控制台时，它显示id=undefined。我不确定我做错了什么

<td data-id="' . $fetch['userID'] . '" >
    <button onClick = "deleterecord();">delete</button>
</td>

deletemember.php

    $id = $_GET['id'];

    $stmt = $conn->prepare("DELETE li.*
                           FROM `loginInfo` li
                           WHERE li.userID = ?");
    $stmt->bind_param("s", $id);
    $stmt->execute();
    if ($stmt){
        header('Location: memberinfo.php');       
    } else echo 'Delete failed. Try again';

HTML

<td>
    <button onClick = "deleterecord('123');">delete</button>
</td>

deletember.php

$id = $_POST['userID'];

    $stmt = $conn->prepare("DELETE li.*
                           FROM `loginInfo` li
                           WHERE li.userID = ?");
    $stmt->bind_param("s", $id);
    $stmt->execute();
    if ($stmt){
        header('Location: memberinfo.php');       
    } else echo 'Delete failed. Try again';

HTML

<td>
    <button onClick = "deleterecord('123');">delete</button>
</td>

deletember.php

$id = $_POST['userID'];

    $stmt = $conn->prepare("DELETE li.*
                           FROM `loginInfo` li
                           WHERE li.userID = ?");
    $stmt->bind_param("s", $id);
    $stmt->execute();
    if ($stmt){
        header('Location: memberinfo.php');       
    } else echo 'Delete failed. Try again';

此代码将根据需要返回

数据id

。请根据您的方便修改以下代码

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js">
</script>
<script>
$(document).ready(function(){
    $('#delete_button').on('click', function(){
       alert( $(this).closest('td').attr('data-id') );
});
});
</script>
</head>
<body>
<table>
<tr>
<td data-id="456" >
    <button id="delete_button" >delete</button>
</td>
<tr>
</table>
</body>
</html>


$（文档）.ready（函数（）{
$（“#删除按钮”）。在（'单击'，函数（）上{
警报（$（this）.closest（'td'）.attr（'data-id'））；
});
});
删除

此代码将根据需要返回

数据id

。请根据您的方便修改以下代码

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js">
</script>
<script>
$(document).ready(function(){
    $('#delete_button').on('click', function(){
       alert( $(this).closest('td').attr('data-id') );
});
});
</script>
</head>
<body>
<table>
<tr>
<td data-id="456" >
    <button id="delete_button" >delete</button>
</td>
<tr>
</table>
</body>
</html>


$（文档）.ready（函数（）{
$（“#删除按钮”）。在（'单击'，函数（）上{
警报（$（this）.closest（'td'）.attr（'data-id'））；
});
});
删除

尝试编辑您的HTML：

尝试编辑您的HTML：
delete
和函数deleterecord（ID）{
@人造丝刚试过不起作用第一印象是-你找不到td
的ID
，因为td
没有名为ID
的属性。最好用attr（'data-ID'）尝试一下
。从JS而不是HTML中绑定onclick，它会工作：您需要这个@dandavis我该怎么做？您能举个例子吗？delete
和函数deleterecord（ID）{
@Rayon刚试过不起作用第一印象是-你找不到td
的id
，因为td
没有被称为id
的属性。最好用attr（'data-id'）试试
。从JS而不是HTML中绑定onclick，它会起作用：你需要这个@dandavis我该怎么做？你能举个例子吗？谢谢，我刚刚尝试了这个，我因为这个onclick=“deleterecord（'.$fetch['userID']）；“
如果我把它改为onclick=“deleterecord（'.$fetch['userID']）；”而出错。”
错误消失了，但我仍然在网络控制台中获取id=undefined以传递静态值，并且检查值是否已获取或未定义。例如：deleterecord（'123'）@michealb@michealb可能是$fetch['userID']
没有值或根本没有空值，这就是为什么会出现错误。是的，可能是…）@michealbThank我刚刚尝试了这个，我会因为这个而出现错误，onClick=“deleterecord（“$fetch['userID']）；“
如果我将它改为onClick=“deleterecord（'.$fetch['userID']）；”
错误消失了，但我仍然在网络控制台中获取id=undefined以传递静态值，并且检查值是否已获取或未定义。例如：deleterecord（'123'）@michealb@michealb也许，$fetch['userID']
没有任何值或空值，这就是为什么会出现错误。是的，可能…：）@michealb