刪除具有特定ID的元素jquery

我想在用戶單擊刪除img時刪除具有唯一標識的特定行。當我選擇'tr＃'+ id然後刪除時它不起作用。刪除具有特定ID的元素jquery

這裏是我的代碼

$("#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>

此外，如果你能指點我對這樣的功能的最佳實踐。

THX很多提前

來源

2013-12-21 geekInside

你JQuery的應該是更多的東西是這樣的：

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

來源

2013-12-21 08:43:00

在HTML IDs必須是唯一的。您可以使用.closest()尋父TR

只需使用

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

DEMO

來源

2013-12-21 08:42:34 Satpal

試試這個：

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

來源

2013-12-21 09:14:13

刪除具有特定ID的元素jquery

回答

相關問題