如何使用jquery將數據添加到html表中？

Question

我正在嘗試使用jquery和javascript將我的firebase實時數據庫中的數據添加到html表中。 我是jquery的新手，所以我或多或少都不知道我在做什么。 我可以檢索數據，但我無法將其添加到html頁面上的表中。 這條線有問題嗎？：

$("#table_body tbody").append("<tr><td>" + name.Name + "</td><td>" + 
user.Email +  "</td></td></td></tr>");

table_body只是表的id。 桌子仍然是空的。 請幫助

Answer 1

您可以像這樣向表中添加內容：

function productsAdd() {
  $("#productTable tbody").append(
      "<tr>" +
        "<td>My First Item</td>" +
        "<td>6/11/2019</td>" +
        "<td>www.itemsite.com</td>" +
      "</tr>"
  );
}

Answer 2

此代碼是否在加載時運行？ 這個代碼包裝器是：

$(document).ready(function(){});

必須在jQuery代碼正常運行之前加載文檔，上面的函數確保在DOM加載后運行它內部的jQuery

例：

$(document).ready(function() {
  let arr = [{n:'test', e:'ing'}, {n:'stuff', e:'ok'}];
  for(let i = 0; i < arr.length; i++) {
    $("#table_body tbody").append("<tr><td>" + arr[i].n + "</td><td>" + arr[i].e +  "</td></tr>");
  }
});