在点击表td输入每次追加相同的tr-Onclicktabletdinputappendsametreverytime

I have a problem in Javascript to repeat a same tr after,when i click the td elements. My html code bellow:

当我点击td元素时,我在Javascript中遇到问题重复相同的tr。我的HTML代码如下:

I tried with this js but failed:
我试过这个js但失败了:
$('.budrow').click(function(){
   $(this).find('tr').append('
');
});
Please help me.
请帮我。
4 个解决方案

							    
#1
							    

							    

							      

Try to use:
 
尝试使用:
 
var $table = $('#tabl2');
$table.click(function(e){
   var $tr = $(e.target).closest('tr');
   if (($tr.parent().prop("tagName") != 'THEAD') && $tr.is(":last-child"))
       $tr.after($tr.clone());
});
 
JSFiddle.
							     
							  

							    
#2
							    

							    

							      

Bind the click event to the clicked element, select the current row using closest() and then append the new row using after() function:
 
将click事件绑定到单击的元素,使用nearest()选择当前行,然后使用after()函数追加新行:
 
 
 
 
 
  
$('.btn').on('click', function() {
  var that = $(this);
  var newRow = '
';
  that.closest('tr').after(newRow);
});



    

        
Rates
        
Start date
        
End date
    


    

        
    
    

        
    
    

        
    

 
 
 
 
 
 
 
 
 
 

                        
                        
                           
                           
                           
							                          
                           
							  
This is a new row
 
  

  

    

      

        click
      
      

        click
      
      

        click