当用户点击删除img时,我想删除具有唯一ID的特定行。当我选择'tr#'+ id然后删除时,它不起作用。
这是我的代码
JS
$("#page_body").on('click', 'a.delete_line', function(e) {
var id=$(this).attr("id");
$('tr#'+id).remove();
});
HTML
<tr id="unitesbudg_roic_assetcenter.V01.aaf.filename">
<td class="value">ANY</td><td class="value">MAIN </td>
<td class="value">false</td>
<td class="value">unitesbudg_roic_assetcenter.V01.aaf.filename</td>
<td class="value">unitesbudg_roic_assetcenter.txt</td>
<td class="value">undefined</td>
<td><a href="#" class="delete_line" id="unitesbudg_roic_assetcenter.V01.aaf.filename"><img src="img/delete.png"></a></td>
</tr>
此外,如果您可以就此功能的最佳实践向我提供建议。
提前很多
答案 0 :(得分:1)
答案 1 :(得分:1)
你的JQuery应该看起来像这样:
$("#page_body").on('click', 'a.delete_line', function(e) {
$(this).closest('tr').remove();
});
答案 2 :(得分:0)
试试这个:
$('#page_body tr:last').remove();