使用JavaScript刪除TABLE行TR

Question

我試圖使用JavaScript從表中刪除TR，我不知道由於某些原因，當我點擊刪除按鈕時它不刪除完整的TR而不是刪除img文件。

function remove(rowid)  
{   
    var row = document.getElementById(rowid);
    var table = row.parentNode;
    while ( table && table.tagName != 'TABLE' )
        table = table.parentNode;
    if ( !table )
        return;
    table.deleteRow(row.rowIndex);
}

請查看JS小提琴以獲取參考http://jsfiddle.net/h09wsrox/

謝謝

Answer 1

function removee(rowid)  
{   
    var row1 = document.getElementById(rowid);
    var table1 = row1.parentNode;
    while ( table1.tagName != 'TABLE' )
        table1 = table1.parentNode;
    if ( !table1 )
        return;
    table1.deleteRow(row1.rowIndex);

}

我已更新您的js函數名稱以remove to removee以及其中的一些小變化。

這是一個DEMO

JavaScript在單獨的塊DEMO中

我希望它對你有所幫助。

Answer 2

我必須做一個類似的功能，但對整個班級。 它應該是相似的。 不確定您的要求，但我使用JQuery來完成此任務。

function remove(rowid){
    $("#" + rowid).remove();
}

資源