查找動態生成的表行的單元格值

Question

我試圖根據單擊的表行刪除數組記錄。

此函數將按鈕添加到一行並將其附加到表的末尾

function addButtons(table, tr){
    var delBtn = document.createElement("button");
    delBtn.innerHTML = "×"
    delBtn.onclick = deleteBu(tr)
    tr.appendChild(delBtn);
    table.children[1].appendChild(tr)
}

下面的函數用於根據單擊的行刪除數組記錄。 例如，在第1行中，第一個單元格為"45" 。 基於此，如果在數組storageProblem中找到該記錄，則將其刪除。

這是我到目前為止所擁有的。 問題是因為我將tr用作動作偵聽器，所以只需單擊該行即可刪除該行，但該行未本地化為按鈕。 但是使用tr是我發現獲得一行的第一個td的唯一方法。

function deleteBu(tr){
    $(tr).click(function(){ 
        var value=$(this).find('td:first').html();
        for(i = 0; i < storageProblem.length; i++){
            if(value == storageProblem[i][0]){
                storageProblem.splice(i, 14)
                loadCallProblemTable()
            }
        }
    })
}

Answer 1

我不確定我是否正確理解了您的問題，但可以嘗試以下解決方案：

function deleteBu(x) {
    var Index = $(x).closest('tr').index();
    console.log("Row index: " + Index);
}