javascript - jquery删除具有特定id的元素

Question

当用户单击删除图像时，我想删除具有唯一 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>

此外，您是否可以就此类功能的最佳实践向我提供建议。

提前谢谢

Answer 1

你的 JQuery 应该看起来更像这样:

$("#page_body").on('click', 'a.delete_line', function(e) {
  $(this).closest('tr').remove();
});