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>