Question

在firebase项目上工作，我获取有关child_changed事件的数据，该事件放在变量中。

receipeList = childSnapshot.child('meals/0').val()

在控制台中，使用我的FB中的数据，我按预期获得了2个对象。

我的问题是，如何在列表或表格中获取此数据（DOM中的任何简单内容）？迭代如下：

   for(var key in receipeList) {
    var val = receipeList[key];
    var $currentRecipe = $('#contentRecipe');
    $currentRecipe.prepend(
     '<div class="row"><div class="col-md-4" id=' + key + '>' + key + '</div>'         + '<div class="col-md-4">' + val +
    '</div>' 
    );
    $currentRecipe.append(
    '</div>'
    );
   };

这将获得关键和价值。我希望只有一次键（作为标题/顶级列表）和列出的每个键的相关值。像：

Product | Supplier | {etc}
--------------------------
Appel   | Tree     | ...

Water   | Source   | ...

非常感谢。我很抱歉，如果我错过了显而易见的事情，但我确实通过了很多工作，当然还有问题/答案。

顺便说一句，我不是（也不是这样）使用PHP。我的项目完全使用Firebase数据库上的HTML，CSS和JS构建。到目前为止已经实现了很多项目，包括DataTables.js。只是这是一个我无法粘贴的障碍。非常感谢，因为我认为自己JS是职业变革。

Answer 1

也许是这样的？

var receipeList = {key1: "value1", key2: "value2"};

for(var k in receipeList){
    //dynamically create list if not already exists
    if( $("#"+k).length === 0 )
        $("<ul id='"+k+"'>'"+k+"'</ul>").appendTo("body");

    $("<li>"+receipeList[k]+"</li>").appendTo("#"+k);
}

simple DEMO 和multiple objects DEMO

Firebase对象将child_changed返回到DOM元素的对象中

1 个答案: