刪除具有特定id的元素jquery

Question

我想在用戶點擊刪除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>

此外，如果您可以就此功能的最佳實踐向我提出建議。

提前做了很多

Answer 1

在HTML中， IDs必須是唯一的。 您可以使用.closest()來查找父tr

只是用

 $(this).closest("tr").remove();

DEMO

Answer 2

你的JQuery應該看起來像這樣：

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

Answer 3

嘗試這個：

   $('#page_body tr:last').remove();