首页 新闻 赞助 找找看

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>标签又不见了?

rabbi88的主页 rabbi88 | 初学一级 | 园豆:4
提问于:2011-09-16 19:18
< >
分享
最佳答案
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>

效果:

收获园豆:20
artwl | 专家六级 |园豆:16736 | 2011-09-16 19:49

非常谢谢你,总能看到你帮忙解答问题..

rabbi88 | 园豆:4 (初学一级) | 2011-09-16 19:58

再麻烦问下,我想给<a>标签里再加入样式和链接地址,比如<a class="myclass" url="www.google.com"> 该怎么写?

rabbi88 | 园豆:4 (初学一级) | 2011-09-16 20:17

@rabbi88:

var alink = $("<a href='"+o1.url+"' class='classname'></a>");
artwl | 园豆:16736 (专家六级) | 2011-09-16 20:19
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册