发表新帖
发表新帖

remove table row with specific id

后端 未结
关注
9 1158
时光取名叫无心
时光取名叫无心 2021-02-05 01:16

I have the following table:


 &l         


              相关标签:
       

        

          9条回答        


        
    
                         				            
  • 
            
           
            
    
                              
                 
              
              
    
                
                  囚心锁ツ        
                
              
    
                            
    
                2021-02-05 01:41
              
    
            
    
            
    
                                                                       

    Try
    


    $('table#test tr#3').remove();

    
                                                                        
    
                                                        
    
            
    
            
    
              
                
                0
              
                 
                
               讨论(0)
              
              
                                                   
              
    
                                                            
    
            
    
                      
          
    • 
          	          
  • 
            
           
            
    
                              
                 
              
              
    
                
                  感情败类        
                
              
    
                            
    
                2021-02-05 01:42
              
    
            
    
            
    
                                                                       

    

    As bellow we can remove table rows with specific row id
    

    

    <html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function remove(id)
{
$('table#test tr#'+id).remove();
// or you can use bellow line also
//$('#test tr#'+id).remove();
}
</script>
    </head>
<body>
<table id="test">
 <tr id="1"><td>bla</td><td><input type="button" onclick="remove(1)"value="Remove"></td></tr>
 <tr id="2"><td>bla</td><td><input type="button" onclick="remove(2)" value="Remove"></td></tr>
 <tr id="3"><td>bla</td><td><input type="button" onclick="remove(3)" value="Remove"></td></tr>
 <tr id="4"><td>bla</td><td><input type="button" onclick="remove(4)" value="Remove"></td></tr>
</table>
</body></html>

    
                                                                        
    
                                                        
    
            
    
            
    
              
                
                0
              
                 
                
               讨论(0)
              
              
                                                   
              
    
                                                            
    
            
    
                      
          
    • 
          	          
  • 
            
           
            
    
                              
                 
              
              
    
                
                  礼貌的吻别        
                
              
    
                            
    
                2021-02-05 01:44
              
    
            
    
            
    
                                                                       

    ID attributes cannot start with a number and they should be unique.  In any case, you can use :eq() to select a specific row using a 0-based integer:
    


    // Remove the third row
$("#test tr:eq(2)").remove();

    


    Alternatively, rewrite your HTML so that it's valid:
    


    <table id="test">
 <tr id=test1><td>bla</td></tr>
 <tr id=test2><td>bla</td></tr>
 <tr id=test3><td>bla</td></tr>
 <tr id=test4><td>bla</td></tr>
</table>

    


    And remove it referencing just the id:
    


    $("#test3").remove();

    
                                                                        
    
                                                        
    
            
    
            
    
              
                
                0
              
                 
                
               讨论(0)
              
              
                                                   
              
    
                                                            
    
            
    
                      
          
    • 
          	          
  • 
            
           
            
    
                              
                 
              
              
    
                
                  抹茶落季        
                
              
    
                            
    
                2021-02-05 01:44
              
    
            
    
            
    
                                                                       

    Simply $("#3").remove(); would be enough. But 3 isn't a good id (I think it's even illegal, as it starts with a digit).
    
                                                                        
    
                                                        
    
            
    
            
    
              
                
                0
              
                 
                
               讨论(0)
              
              
                                                   
              
    
                                                            
    
            
    
                      
          
    • 
          	          
  • 
            
           
            
    
                              
                 
              
              
    
                
                  故里飘歌        
                
              
    
                            
    
                2021-02-05 01:48
              
    
            
    
            
    
                                                                       

    $('#3').remove();

    


    Might not work with numeric id's though.
    
                                                                        
    
                                                        
    
            
    
            
    
              
                
                0
              
                 
                
               讨论(0)
              
              
                                                   
              
    
                                                            
    
            
    
                      
          
    • 
          	          
  • 
            
           
            
    
                              
                 
              
              
    
                
                  不知归路        
                
              
    
                            
    
                2021-02-05 01:51
              
    
            
    
            
    
                                                                       

    Use the :eq selector:
    


    $("#test tr:eq(2)").remove();

    
                                                                        
    
                                                        
    
            
    
            
    
              
                
                0
              
                 
                
               讨论(0)
              
              
                                                   
              
    
                                                            
    
            
    
                      
          
    • 
          	          
   
                                  

        
        

          

            
            

              
              

            
    


                                 
              

            

                          
    

        
         

                
                

                  
                

                

                   看不清?
                

              

                                  

                    
   
                 
             
              
提交回复

            

          
        

      

          
 
     
 

        
热议问题

            
                 

 
bla

 
bla