Javascript ajax成功后无法删除表行
在我的html php表中:Javascript ajax成功后无法删除表行,javascript,html-table,Javascript,Html Table,在我的html php表中: <tr id="idrow"> <td><?php echo $user_id; ?></td> <td ><?php echo $user_name; ?></td> <td> <input type="button
<tr id="idrow">
<td><?php echo $user_id; ?></td>
<td ><?php echo $user_name; ?></td>
<td>
<input type="button" class="btn btn-danger btn-xs delete " value="Cancella sin id" onclick="deleteFunction(<?php echo $user_id; ?>)"/>
</td>
</tr>
使用$(“#idrow”).remove()
,将删除第一行,而不是与按钮相关的行
我想关键在于var$tr=$('#datatable id')。最近('tr')代码>,对tr标签的引用
感谢您的帮助。试试这个
<tr id="idrow_<?= $user_id ?>">
试试这个
<tr id="idrow_<?= $user_id ?>">
距离#datatable id
最近的tr
始终是第一行。
如果要删除特定行,请尝试分配id
<tr id="<?php echo $user_id;?>">
....
</tr>
距离#datatable id
最近的tr
始终是第一行。
如果要删除特定行,请尝试分配id
<tr id="<?php echo $user_id;?>">
....
</tr>
如果我理解正确,每一行都有相同的id(idrow)。这是你的第一个错误。ID在整个页面中必须是唯一的。创建具有唯一Id的行并将其传递给函数:
function deleteFunction(valor) {
var $tr = $('#' + valor);
// delete after request is success
$tr.remove()
}
<tr id="idrow_<?php echo $user_id; ?>">
...
<td>
<input type="button" onclick="deleteFunction('<?php echo $user_id; ?>')"/>
</td>
</tr>
如果我理解正确,每一行都有相同的id(idrow)。这是你的第一个错误。ID在整个页面中必须是唯一的。创建具有唯一Id的行并将其传递给函数:
function deleteFunction(valor) {
var $tr = $('#' + valor);
// delete after request is success
$tr.remove()
}
<tr id="idrow_<?php echo $user_id; ?>">
...
<td>
<input type="button" onclick="deleteFunction('<?php echo $user_id; ?>')"/>
</td>
</tr>
将函数开头的选择器更改为:var$try=$(“#idrow”)
将函数开头的选择器更改为:var$try=$(“#idrow”)
要删除什么?html表行。要删除什么?html表行。