jqueryテーブルの作成(テーブルの自動追加)コードの共有

2823 ワード

 
  





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>
 


実行して効果を見よう