javascript - 用JavaScript方式创建多个HTML容器？

我一直在关注本教程：http://mariechatfield.com/tutorials/firebase/step5.html

但是我想给它加香料，而不是打印最后一个数据库对象，而是要打印所有它们。

我尝试打印出数据库，效果很好。我只需要编辑HTML。我尝试使用换行符，但也没有。它一直附加到起始字符串，而不是制作新的行/容器。

recommendations.limitToLast(10).on('child_added',     function(childSnapshot) {
  // Get the recommendation data from the most recent snapshot of data
  // added to the recommendations list in Firebase
 recommendation = childSnapshot.val();
  console.log(recommendation);

  // Update the HTML to display the recommendation text
  $("#title").append(recommendation.title)

  $("#presenter").append(recommendation.presenter)
  $("#link").append(recommendation.link)
  var x = '\n';
  x;

  // Make the link actually work and direct to the URL provided
  $("#link").attr("href", recommendation.link)
});

我希望能够为每个数据库元素都有一个单独的容器。

最佳答案

根据请求，将评论发布为答案：

做得好！您唯一要做的更改是将\n更改为<br>。 HTML删除空格（如换行符）。因此，要复制该换行符，您必须使用HTML BR元素。然后，您需要将其附加到现有的HTML课程中。