查找动态生成的表行

时间:2017-11-09 16:52:23

标签: javascript jquery

我试图根据点击的表行删除数组记录。

此函数向行添加一个按钮并将其附加到表的末尾

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

1 个答案:

答案 0 :(得分:1)

我不确定我是否理解你的问题,但也许可以尝试这个解决方案:

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