javascript - 查找动态生成的表格行的单元格值

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);
}