jquery填充表格

<table class="commonTable" id="softTable">
    <thead>
     <tr>
      <th>软件名称</th>
      <th width="100px" class="textRight">大小(KB)</th>
      <th width="80px" class="textRight">发布时间</th>
      <th width="40px"></th>
     </tr>
    </thead>
    <tbody>
     <tr class="template" id="templateRow">
      <td name="softName"></td>
      <td class="textRight" name="size"></td>
      <td class="textRight" name="publicDate"></td>
      <td name="download"></td>
     </tr>

// 临时列表数据
 var softJson = [ {
  "softName" : "",
  "size" : "203,151.12",
  "publicDate" : "2012-12-25",
  "download" : 1
 }, {
  "softName" : "",
  "size" : "1,203,151.12",
  "publicDate" : "2013-12-25",
  "download" : 1
 }, {
  "softName" : "",
  "size" : "803,453.32",
  "publicDate" : "2009-11-15",
  "download" : 1
 }, {
  "softName" : ".rar",
  "size" : "71.66",
  "publicDate" : "2008-2-21",
  "download" : 1
 }, {
  "softName" : "sts.exe",
  "size" : "11,463,6743.65",
  "publicDate" : "2008-1-1",
  "download" : 1
 }, {
  "softName" : "adobe photoshop cs5.zip",
  "size" : "203,151.12",
  "publicDate" : "2012-12-25",
  "download" : 1
 } ];

// 填充表格
 $.each(softJson, function(index, item) {
  var $newRow = $("#templateRow").clone().removeAttr("id").removeClass(
    "template").appendTo($("#softTable tbody"));
  if (index % 2 == 1) {
   $newRow.addClass("odd");
  }
  $.each(item, function(key, value) {
   if (key == "download") {
    var strDown = "<a herf='javascript:void();'>下载</a>";
    $newRow.children("td[name=download]").html(
      value == 1 ? strDown : "保留");
   } else {
    $newRow.children("td[name=" + key + "]").text(value).attr(
      "title", value);
   }
  });
 });

原文地址:https://www.cnblogs.com/ivan0626/p/2983963.html