Question

我有一个动态创建的表格，如下所示：

userData = Object Object Object...etc;
Object= username : ....
        level: 
        regdate:

JavaScript代码：

var buildTable = function () {
for (var i = 0, l = userData.length; i < l; i++) {
    buildRow(userData[i]);
}

var buildRow = function (data) {
    var html = '<tr><td>' + data.username + '</td>' +
        '<td>' + data.level + '</td>' +
        '<td>' + data.regstatus + '</td>' +
        '<td>' + data.regdate + '</td>' +
        '<td>' +
        '<button  value = "edit" id = "edit" onclick="tableOfUsers.editUser()">Edit</button>' +
        '<button value= "delete" id = "delete" onclick="tableOfUsers.deleteUser()">Delete</button>' + '</td>';
    $('#tableBody').append(html);
};

我有 edtiUser / deleteUser 功能，我希望当我点击编辑/删除到编辑/删除我的行时，我的问题是如何找到我想要编辑/删除的对象的索引而不使用我的对象的索引来获取id字段？

Answer 1

像这样修改你的代码

for (var i = 0, l = userData.length; i < l; i++) {
    buildRow(userData[i], i);
}

和

var buildRow = function (data, index) {

和

    '<button  value = "edit" id = "edit" onclick="tableOfUsers.editUser('+index+')">Edit</button>' +
    '<button value= "delete" id = "delete" onclick="tableOfUsers.deleteUser('+index+')">Delete</button>' + '</td>';
$('#tableBody').append(html);

注意我们正在将索引传递给从html字符串内部调用的方法。

我如何找到我的对象的索引？

1 个答案: