jquery产生table表格的问题
0
悬赏园豆：20
[已解决问题]
解决于 2011-09-16 19:58
代码如下
success: function (result) { //调用成功执行的方法
var resultlist = result.d;
var table=$("<table></table>")
for (var i = 0; i < resultlist.length; i++) {
o1 = resultlist[i];
var row = $("<tr></tr>");
var td = $("<td></td>");
var alink = $("<a></a>");
alink.text(o1.Description.toString());
alink.appendTo(td);
td.appendTo(row);
row.appendTo(table);
}
div.innerHTML = table[0].innerHTML;
table.innerHTML结果却是
<A>结果1</A></TD></TR> <TR><TD><A>结果2</A></TD></TR> <TR><TD><A>结果3</A></TD></TR> <TR><TD><A>结果4</A></TD></TR> </TBODY>
为什么<table>标签没有了，自动产生了<TBODY>标签，而且将 table[0].innerHTML赋值给panel后，前面的<tbody><tr><td>标签又不见了？
最佳答案
0
demo:
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript">
$(function(){
var resultlist = [{"test":"结果1"},{"test":"结果2"},{"test":"结果3"},{"test":"结果4"}];
var table=$("<table></table>")
for (var i =0; i < resultlist.length; i++) {
o1 = resultlist[i];
var row = $("<tr></tr>");
var td = $("<td></td>");
var alink = $("<a></a>");
alink.text(o1.test);
alink.appendTo(td);
td.appendTo(row);
row.appendTo(table);
}
$("#test").html(table);
});
</script>
</HEAD>
<BODY>
<div id="test"></div>
</BODY>
</HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript">
$(function(){
var resultlist = [{"test":"结果1"},{"test":"结果2"},{"test":"结果3"},{"test":"结果4"}];
var table=$("<table></table>")
for (var i =0; i < resultlist.length; i++) {
o1 = resultlist[i];
var row = $("<tr></tr>");
var td = $("<td></td>");
var alink = $("<a></a>");
alink.text(o1.test);
alink.appendTo(td);
td.appendTo(row);
row.appendTo(table);
}
$("#test").html(table);
});
</script>
</HEAD>
<BODY>
<div id="test"></div>
</BODY>
</HTML>
效果：
收获园豆：20
非常谢谢你，总能看到你帮忙解答问题..
再麻烦问下，我想给<a>标签里再加入样式和链接地址，比如<a class="myclass" url="www.google.com"> 该怎么写？
@rabbi88:
var alink = $("<a href='"+o1.url+"' class='classname'></a>");
