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