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>

実行して効果を見よう

11週間のレビュー

忘れがちなrenderメソッドの使い方まとめ [Rails]