Question

$("#clckjson").click(function() {
  $(document).ready(function() {
    $.getJSON("fuelj.json", function(data) {
      $(data).each(function(i, item) {

        console.log(item.stationID);
        var $table = $('<table>');
        $table.append("<thead>").children("thead")
          .append("<tr/>").children("tr").append("<th>StationID</th><th>Distance</th><th>Address</th><th>H24</th><th>Phones</th><th>FuelTypeID</th><th>FuelPrice</th><th>PriceTimestamp</th><th>FuelName</th>");
        var $tbody = $table.append("<tbody/>").children("tbody");

        $tbody.append("<tr/>").children("tr:last")
          .append("<td>").append(item.stationID)
          .append("<td>").append(item.distance)
          .append("<td>").append(item.address)
          .append("<td>").append(item.value)
          .append("<td>").append(item.phone)
          .append("<td>").append(item.fuelTypeID)
          .append("<td>").append(item.price)
          .append("<td>").append(item.priceTimeStamp)
          .append("<td>").append(item.fuel);


        $table.appendTo('#stationtb');
      });
    });
  });
});

我有一个带有div，按钮和表格以及jQuery的html页面，我想在表格中使用JSON对象动态添加单元格，当我按下按钮时，所有内容都会显示出来。现在的问题是，当我按下按钮时，表格显示的很好，但是我尝试添加的项目根本没有显示，console.log显示了undefined。我可以帮忙吗？

Answer 1

如果数据是数组，则需要更正iterate it的方式。

$.each(data, function(i, item) {

jQuery中的.append显示未定义

1 个答案: