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