日期:2014-05-17  浏览次数:20580 次

jquery使用append方法添加html代码
想用jquery的append方法添加一段html代码,eg:
<table>
<tr>
<td>xxx</td>
<td>yyy</td>
</tr>
</table>


不能这样插入:
$("#div").append("<table>");
$("#div").append("<tr>");
$("#div").append("<td>xxx</td>");
$("#div").append("<td>yyy</td>");
$("#div").append("</table>");

这样写的话生成的html代码是类似于<table/>的代码!!!

应该是将dom层次分清:即将dom各个层上的节点一层一层的添加:
var tr = $("<tr></tr>");
tr.append("<td>xxx</td><td>yyy</td>");
var table = $("<table></table>");
table.append(tr);
$("#div").append(table);