下面是我的代码。
$("<table/>",{"cellspacing":"0","cellpadding":"0","border":"0","width":"100%"})
.append(
$("<tbody/>")
.append(function(){
options=["ONE","TWO","THREE","FOUR"];
$.each(options, function(val) {
return ($("<tr/>")
.append(
$("<td/>").html("4/6/2013 10:41"),
$("<td/>").html("5/6/2013 10:42"),
$("<td/>").html(val),
$("<td/>").html("<img src='pdf_16x16.png'/>"),
$("<td/>").html("<a href='#'>Re-Upload Documents</a>")
));
})
})
).appendTo("body");
追加内的 for 循环不起作用。
问题是因为你没有从append
函数,仅each
在其中循环。尝试这个:
$("<tbody/>").append(function(){
options = ["ONE","TWO","THREE","FOUR"];
var $container = $('<table></table>');
$.each(options, function(val) {
$container.append($("<tr/>").append(
$("<td/>").html("4/6/2013 10:41"),
$("<td/>").html("5/6/2013 10:42"),
$("<td/>").html(val),
$("<td/>").html("<img src='pdf_16x16.png'/>"),
$("<td/>").html("<a href='#'>Re-Upload Documents</a>")
));
});
return $container.html();
});
小提琴示例 http://jsfiddle.net/MHdGM/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)