<html><head>
<link type="text/css" rel="stylesheet" href="file:///C:/Users/Documents/style.css" />
<script type="text/javascript" src="file:///C:/Users/Documents/jquery-1.7.1.js"></script>
<script type="text/javascript" src="file:///C:/Users/Documents/jquery.tablesorter.js"></script>
<script type="text/javascript">
$(document).ready(function() {
load();
});
var map1 = { "iDate":"test_value1", "iName":"test_value2" , "iFile":"test_value3" };
var map2 = { "iDate":"nexttest_value1", "iName":"nexttest_value2", "iFile":"nexttest_value3" };
var list = new Array(map1, map2);
list[0] = map1;
list[1] = map2;
function load() {
var beginTD = $("<td><div class='scroll-pane horizontal-only' style='vertical-align: top'>");
var endTD = $("</div></td>");
jQuery.each(list, function(index, map) {
$("#hpTable > tbody:last").append($("<tr>"));
jQuery.each(map, function(key, value) {
var pTag = $("<p id='" + key + "'>" + value + "</p>");
$("#hpTable td:last").append(beginTD, pTag, endTD);
});
$("#hpTable").append($("</tr>"));
});
};
</script>
</head>
<body>
<br>
<table id="hpTable" cellpadding="5" width="100%" style="table-layout:fixed" class="tablesorter">
<thead><tr>
<th width="9%">Date</th>
<th width="9%">Name</th>
<th>File</th>
</tr>
</thead>
<tbody></tbody>
</table>
</body
</html>
大家好!感谢您审查我的第二篇文章。我是一个jquery新手,并寻找找出为什么我不能动态地建立一个行和单元格?任何帮助表示赞赏!建立一个动态的行和单元格使用jquery
你不能使用append()向DOM添加元素片段(例如,在一次调用中加入'
喜弗雷德里克,我想动态创建一个行循环通过地图的列表(字符串,字符串)。 – sasims 2012-03-23 16:30:37