Question

我正在尝试使用jquery和javascript将Firebase实时数据库中的数据添加到html表中。我是jquery新手，所以我或多或少不知道自己在做什么。我可以检索数据，但不能将其添加到html页上的表中。这行有问题吗？：

LeadID: 1, PeriodYear: 2018, PeriodMonth: 2, Contributor: 1
LeadID: 1, PeriodYear: 2018, PeriodMonth: 3, Contributor: 1
LeadID: 1, PeriodYear: 2018, PeriodMonth: 4, Contributor: 1
LeadID: 1, PeriodYear: 2019, PeriodMonth: 1, Contributor: 2
LeadID: 1, PeriodYear: 2019, PeriodMonth: 5, Contributor: 1
LeadID: 1, PeriodYear: 2018, PeriodMonth: 5 Contributor: 1

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>");
  }
});

如何使用jquery将数据添加到html表中？

2 个答案: