jquery创建表格(自动增加表格)代码分享_jquery
程序员文章站
2022-05-07 20:27:55
...
复制代码 代码如下:
序号 | 姓名 | 金额[USD] | 时间 | 项目 | 单位 | 备注 |
---|---|---|---|---|---|---|
1 |
/* 这是一种方法,但是不精简,不过很好理解,就像面向过程编写代码一样。
var oTable = $("#count"), oTr = '', oInput = '', eEle = '';
oTable.on('mouseover', function(){
oTr = oTable.find('tr').last();
oInput = oTr.find('input');
eEle = oTr.clone();
oInput.on('click', function(){
var parent = $(this).parents('tr');
if(oTr.index() == parent.index()){
oTable.append(eEle);
}
});
});
*/
//这是第二种方法,比较精简,要看对jQ的理解了。
var oTable = $("#count"), iNum = 1, eEle = '';
oTable.on('click', function(e){
var target = e.target,
oTr = $(target).closest('tr');
if(oTr.index() == oTable.find('tr').last().index()){
iNum++;
eEle = oTr.clone();
eEle.find('td').eq(0).text(iNum);
}
oTable.append(eEle);
});
});
运行看效果吧