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

  • 相关阅读:
    LeetCode-102-二叉树的层序遍历
    LeetCode-086-分隔链表
    LeetCode-082-删除排序链表中的重复元素 II
    LeetCode-081-搜索旋转排序数组 II
    [leetcode]92. Reverse Linked List II反转链表2
    [leetcode]94. Binary Tree Inorder Traversal二叉树中序遍历
    [leetcode]100. Same Tree相同的树
    [leetcode]54. Spiral Matrix螺旋矩阵
    [leetcode]58. Length of Last Word最后一个词的长度
    [leetcode]41. First Missing Positive第一个未出现的正数
  • 原文地址:https://www.cnblogs.com/ivan0626/p/2983963.html
Copyright © 2020-2023  润新知