jquery 关于生成html的有关问题

2012-04-16

jquery 关于生成html的问题预期的html代码：HTML codetable width94% height0 border0 alignce

jquery 关于生成html的问题
预期的html代码：

HTML code

<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代码:

HTML code

<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的效果啊，哪位高人解释一下，帮帮小弟

[解决办法]
把变量的相加运算去掉，直接写在一个字符串里试试
[解决办法]
就算tr改过来，用div还是会不显示的，可以用tbody

JScript code

<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>

热点排行

Bad Request.

JavaScript

jquery 关于生成html的有关问题