Question

我试图引用变量id中div表行的thisId。当我console.log(thisId)时，它表示thisId是undefined。我做错了什么？

$('.deleteButton').click(function(){
    var thisId = $(this).parent().parent().id;
    for (var i = 0; i < tableData.length; i++) {
        if (tableData[i].rowValue === thisId) {
            tableData.splice(thisId, 1);
        }
    }
    $(this).parent().parent().remove();
});
}
}

HTML

"<div id='" + tableData[i].rowValue + "' class=\"Row\">" +
                            "<div class=\"Cell\">" +
                            "<p>" + tableData[i].textInput + "</p>" +
                        "</div>" +
                        "<div class=\"Cell\">" +
                            "<p>" + tableData[i].perIntervalInput + "</p>" +
                        "</div>" +
                        "<div class=\"Cell\">" +
                            "<p>" + tableData[i].radioInput + "</p>" +
                        "</div>" +
                        "<div class=\"Cell\">" +
                            "<button class=\"deleteButton\">Delete</button>" +
                        "</div>" +
                        "</div>"

Answer 1

ID是一个属性，因此可以通过attr(..)函数进行引用。

var thisId = $(this).parent().parent().attr("id");

Answer 2

由于您使用的是jQuery，因此可以使用：

var thisId = $(this).parent().parent().attr('id');

但是您的HTML并不是为了向我们展示您实际引用的内容，以及您是否正确引用它，因此可能还有其他内容。

引用div的id

2 个答案: