为什么我的选择数据只显示最后的数据？答案

【问题标题】：Why my selecting data only show the last data?为什么我的选择数据只显示最后的数据？
【发布时间】：2018-04-16 00:14:05
【问题描述】：

为什么我在使用 console.log 测试时无法选择第一个数据和第二个数据

这是表格：

var ref = firebase.database().ref("recommendations");

ref.on("value", function(snapshot) {
    // console.log(snapshot.val());
    var recommendations = snapshot.val();
    var keys = Object.keys(recommendations);
    console.log(keys);

for (var i = 0; i < keys.length; i++) {
    var k = keys[i];
    var title = recommendations[k].title;
    var link = recommendations[k].link;
    var presenter = recommendations[k].presenter;

    // document.getElementById('title').innerHTML = title;
    // document.getElementById('presenter').innerHTML = presenter;
    // document.getElementById('link').innerHTML = link;
    var table = document.getElementById("data");

    var tr = document.createElement('tr');
    var td1 = tr.appendChild(document.createElement('td'));
    var td2= tr.appendChild(document.createElement('td'));
    var td3 = tr.appendChild(document.createElement('td'));
    var tdEdit = tr.appendChild(document.createElement('td'));

    td1.innerHTML = title;
    td2.innerHTML = presenter;
    td3.innerHTML = link;
    tdEdit.innerHTML = "<button id='"+k+"' class='btn btn-default edit'>Edit</button>";
    table.appendChild(tr);
}

$(document).ready(function() {
    $(".edit").on("click", function(){
        console.log(k);
    })
});

});

【问题讨论】：

什么是first data和second data？
您应该编辑您的问题好友。很难理解您实际检查的是什么。添加代码很重要，但是这个问题需要准确的上下文.....

标签： javascript html firebase firebase-realtime-database

【解决方案1】：

问题是您记录了k，这是对循环内部的引用。所以循环 go's key0 key1 key2 并保持 key2 因为那是 k 的最后一个值。

使用类似的东西：

$(document).ready(function() {
    $(".edit").on("click", function(){
        // From the button perspective this references the Native element.
        console.log(this.id);     // or $(this).attr("id")     
     })
});

【讨论】：