jquery 关于生成html的问题

Question

预期的html代码：
<table width="94%" height="0" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#97aa9f">
    <tr>
        <th width="11%" align="center" >3333</th>
        <th width="12%" height="27" align="center" >33333</th>
        <th width="13%" align="center" >2222</th>
        <th width="17%" align="center" >rrrrr</th>
        <th width="13%" align="center" >rrrr</th>
        <th width="12%" align="center" >123344</th>
        <th width="9%" align="center" >1111</th>
        <th width="9%" align="center" >111111</th>
        <th width="11%" align="center" >111111</th>
        <div id="html">
            <tr>
                <td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>
                <td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>
                <td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>
                <td align="center" bgcolor="#FFFFFF"><div align="center">fffff</div></td>
                <td align="center" bgcolor="#FFFFFF"><div align="center">fff</div></td>
                <td align="center" bgcolor="#FFFFFF"><div align="center">fff</div></td>
                <td align="center" bgcolor="#FFFFFF"><div align="center">fff</div></td>
                <td align="center" bgcolor="#FFFFFF"><div align="center">ff</div></td>
                <td align="center" bgcolor="#FFFFFF"><div align="center">fff</div></td>
            </tr>
        </div>
    </tr>
</table>js代码:<script>
var mgs = '<tr><td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td></tr>'
            $(document).ready(function(){
                $("#html").html(mgs);
            })
</script>
<table width="94%" height="0" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#97aa9f">
    <tr>
        <th width="11%" align="center" >3333</th>
        <th width="12%" height="27" align="center" >33333</th>
        <th width="13%" align="center" >2222</th>
        <th width="17%" align="center" >rrrrr</th>
        <th width="13%" align="center" >rrrr</th>
        <th width="12%" align="center" >123344</th>
        <th width="9%" align="center" >1111</th>
        <th width="9%" align="center" >111111</th>
        <th width="11%" align="center" >111111</th>
        <div id="html">        </div>
    </tr>
</table>
这么不能呈现像代码1的效果啊，哪位高人解释一下，帮帮小弟

Answer 1

LZ,tr里面不能有tr吧，是不是写错了呀！！

Answer 2

就算tr改过来，用div还是会不显示的，可以用tbody
<table width="94%" height="0" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#97aa9f">
    <tr>
        <th width="11%" align="center" >3333</th>
        <th width="12%" height="27" align="center" >33333</th>
        <th width="13%" align="center" >2222</th>
        <th width="17%" align="center" >rrrrr</th>
        <th width="13%" align="center" >rrrr</th>
        <th width="12%" align="center" >123344</th>
        <th width="9%" align="center" >1111</th>
        <th width="9%" align="center" >111111</th>
        <th width="11%" align="center" >111111</th>
    </tr>
     <tbody id="hhhh"></tbody>
</table><script>
var mgs = '<tr><td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td>'+
            '<td align="center" bgcolor="#FFFFFF"><div align="center">ffff</div></td></tr>'
            $(document).ready(function(){
                $("#hhhh").html(mgs);
            })
</script>

Answer 3

tr不能使用innerHTML
使用
$("table").append("<tr><td>内容</td></tr>");

Answer 4

把<table width="94%" height="0" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#97aa9f">
    <tr>
        <th width="11%" align="center" >3333</th>
        <th width="12%" height="27" align="center" >33333</th>
        <th width="13%" align="center" >2222</th>
        <th width="17%" align="center" >rrrrr</th>
        <th width="13%" align="center" >rrrr</th>
        <th width="12%" align="center" >123344</th>
        <th width="9%" align="center" >1111</th>
        <th width="9%" align="center" >111111</th>
        <th width="11%" align="center" >111111</th>
    </tr>
也用js打印出来才可以···

Answer 5

楼主, 其实你应该先把你这段程序的用意是什么告诉大家, 好好的表格中间要插入一个div(标签错误, 无法插入到中间的).......
1.如果你是用来做固定表头, 结构应该是:
<table ><thead><tr><th></th></tr></thead></table>
<div><table><tbody id="tb"><tr><td></td></tr></tbody><table></div>
数据放在 $("#tb").html(?);就好2.如果你不是固定表头, 那就:
<table ><thead><tr><th></th></tr></thead>
<tbody id="tb"><tr><td></td></tr></tbody><table>
数据放在 $("#tb").html(?);就好
不能在一个表格中间放div的(除非td内部)