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