复主代码 代码如下: jQuery 表格自动增加 < ;meta name="distribution" content="global" /><br>테이블 { 너비:800px; 여백:50px 자동; 테두리 축소:축소; 테두리 간격:0; }<br>테이블 tr, 테이블 th, 테이블 td { border:1px solid #ddd; 글꼴 크기:12px; }<br>테이블 tr td:first-child { 너비:30px; 텍스트 정렬:가운데; }<br>테이블 td 입력 { 너비:100%; 높이:100%; 패딩:5px 0; 테두리:0 없음; }<br>테이블 td 입력:초점 { box-shadow:1px 1px 3px #ddd 삽입; 개요:없음; }<br> 序号姓name金额[USD]< /th> 时间 项目 单位 备注 1 <br>$(function(){</p> <p><br>/* 这是一种方法,但是不精简,不过很好理解,就imageface向过程编写代码一样。<br> var oTable = $("#count"), oTr = '', oInput = '', eEle = '';<br> oTable.on('mouseover', function(){<br> oTr = oTable.find('tr').last();<br> oInput = oTr. find('input');<br> eEle = oTr.clone();<br> oInput.on('click', function(){<br> var parent = $(this).parents('tr') ;<br> if(oTr.index() == parent.index()){<br> oTable.append(eEle);<br> }<br> });<br> });<br>* /</p> <p>//这是第二种方法,比较精简,要看对jQ的理解了。<br>var oTable = $("#count"), iNum = 1, eEle = '';<br>oTable .on('click', function(e){<br> var target = e.target,<br> oTr = $(target).closest('tr');<br> if(oTr.index() = = oTable.find('tr').last().index()){<br> iNum ;<br> eEle = oTr.clone();<br> eEle.find('td').eq(0 ).text(iNum);<br> }<br> oTable.append(eEle);<br> });</p> <p><br>});<br> 运行看效果吧