jQuery 添加新内容有以下四个方法:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
下面实例演示:点击按钮则在表格数据区域增加一行
1、HTML结构
列1 | 列2 | 列3 |
---|---|---|
1 | 1 | 2 |
2 | 4 | 5 |
2、jquery代码
$(function(){
$("#btn1").click(function() {
$("#test tbody").prepend('');
});
$("#btn2").click(function() {
$("#test tbody").append('');
});
});
3、效果演示
用append就可以啦~~加在末尾的~~
命令:$("#tbody").append("
结果如下图:
具体案例可以看看我的附件~~~
$("#tbody").append('.....');
或者
$("#tbody").html($("#tbody").html()+'