复制代代码如下: jQuery 表格自動增加 < ;meta name="distribution" content="global" /><br>table { width:800px;マージン:50px 自動;ボーダー折りたたみ:折りたたみ;境界線の間隔:0; }<br>テーブル tr、テーブル th、テーブル td { border:1px Solid #ddd;フォントサイズ:12px; }<br>テーブル tr td:first-child { width:30px;テキスト整列:中央; }<br>テーブル td 入力 { width:100%;高さ:100%;パディング:5px 0; ボーダー:0 なし。 }<br>table td input:focus { box-shadow:1px 1px 3px #ddd inset;概要：なし。 }<br> 序号姓金额[USD]< /th> 時間 目 单位 注目 1 <br>$(function(){</p> <p><br>/* これは 1 つの方法ですが、厳密ではなく、プロセスに向かってコードを書き込むのと同じです。<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> varparent = $(this).parents('tr') ;<br> if(oTr.index() ==parent.index()){<br> oTable.append(eEle);<br> }<br> });<br> });<br>* /</p> <p>//これは 2 番目の方法であり、より厳密ですが、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> 运行看效果吧
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
