动态添加tr及可编辑td
2015-04-22来源:

动态添加tr及可编辑td

js代码:

$(document).ready(function(){

//隐藏模板tr

$(".tb tr").eq(0).hide();

var tb_js=$('.tb').get(0);

var i = tb_js.rows.length-2;

 //  复制一行

$("#btnadd").bind('click',function() {

var tr = $(".tb tr").eq(0).clone(true);

tr.find("td").get(0).innerHTML = ++i;

tr.show();

tr.appendTo($(".tb"));

});

//删除

$("#btndel").click(function() {

$("tr:gt(0)").each(function() {

if ($(this).find(".CK").get(0).checked == true) {

$(this).remove();

}

});

});

});

html代码。

更多信息请查看IT技术专栏

推荐信息
Baidu
map