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

  • 相关阅读:
    简单工厂
    Java鲁棒性(健壮性)
    外部类,成员内部类,局部内部类能被哪些修饰符修饰
    Java枚举类的7种常用的方法
    同步,异步,阻塞,非阻塞
    对于面向对象的基本理解
    对于数组的一点理解
    类加载机制-双亲委派机制(三)
    架构- 数据库的优化
    python调用jenkinsapi
  • 原文地址:https://www.cnblogs.com/ivan0626/p/2983963.html
Copyright © 2011-2022 走看看