Javascript способ создания нескольких контейнеров HTML?

Question

Я следовал этому уроку: 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)
});

Я надеюсь, что смогу иметь отдельный контейнер для каждого элемента базы данных.

Answer 1

За запрос, оставив комментарий как ответ:

Отличная работа!Единственное изменение, которое вам нужно сделать, это изменить \n на <br>.HTML удаляет пробелы (как ваша новая строка).Поэтому, чтобы повторить этот разрыв строки, вы должны использовать элемент HTML BR.Затем вам нужно добавить это в ваш существующий HTML, конечно.