按鈕點擊從數據表中刪除，也從我的表陣列

Question

的foreach行我已經刪除按鈕，在點擊這個按鈕，我有以下功能：

function deleteBussDay(jQtable) 
{ 
    var row = jQtable.parentNode.parentNode; 
    $(jQtable).closest('tr').remove(); 
    openHour.splice(row.rowIndex,1); 
    // openHour is my array ,which i also want to delete from 
} 

與此代碼它的問題單擊刪除時從表中刪除相關行，但會刪除數組中的錯誤行。 （所選行上面的一個） 我該如何解決它？！

Answer 1

如果像你說的，正確的行被刪除，那麼你作出正確的遍歷錶行的位置：

$(jQtable).closest('tr').remove(); 

意義，讓我們的錶行的rowIndex屬性，我們可以使用相同的jQuery對象.prop()：

function deleteBussDay(jQtable) { 
    var $row = $(jQtable).closest('tr'), rowInd = $row.prop('rowIndex'); 
    $row.remove(); 
    openHour.splice(rowInd ,1); 
} 

Answer 2

'rowIndex'爲每個表計數。 當您對錶進行排序時，'rowIndex'發生了變化。 作爲替代方法，您可以使用一些「數據」屬性作爲標記。

function deleteBussDay(jQtable) 
{ 
    var row = $(jQtable).closest('tr'); 
    var id = row.data('rowIndex'); 
    row.remove(); 
    openHour.splice(id, 1); 
    // openHour is my array ,which i also want to delete from 
} 

或

function deleteBussDay(jQtable) 
{ 
    var row = jQtable.parentNode.parentNode; 
    var id = row.rowIndex; 
    $(row).remove(); 
    openHour.splice(id, 1); 
    // openHour is my array ,which i also want to delete from 
}