zoukankan      html  css  js  c++  java
  • 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);
       }
      });
     });

  • 相关阅读:
    线性回归 r python 比较
    vps
    插桩 inline hook 动态二进制插桩的原理和基本实现过程
    duration of lease 1 0.5 0.875 DHCP 租借时间 续租时间 重新绑定时间
    单页应用 cookies处理
    websocket 无需通过轮询服务器的方式以获得响应 同步在线用户数 上线下线 抓包 3-way-handshake web-linux-shell 开发
    code_action
    mysql 表级锁
    mysql 表级锁
    块级标签和行级标签
  • 原文地址:https://www.cnblogs.com/ivan0626/p/2983963.html
Copyright © 2011-2022 走看看