读书人

jquery施用append方法添加html代码

发布时间: 2012-09-02 21:00:34 作者: rapoo

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












读书人网 >CSS

热点推荐