jqueryテーブルの作成(テーブルの自動追加)コードの共有
jQuery
[USD] 1
<br>$(function(){</p>
<p><br>/* , , , 。<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>
実行して効果を見よう