使用jquery方法.size()计算特定html节点中的元素

Question

我希望每当我按下表内的一个按钮--2来计算特定表中有多少个--1行，这样我就可以逐个删除它们，而不是以某种方式移除我需要的最后一个one.So，向上爬到父元素，计数按钮，然后使用这条路径再次爬下并移除按钮。下面是我的jquery代码，它只在有一个表-1行，而不是对表-1行的很多行的情况下起作用。

$("table.table-2").on("click","#abstract_day",
             function () {
                    var n =$("button#abstract_day").size();
                    if (n==1) {

                    return false;
                    }else{
                        $(this).parent().parent().parent().remove();
                    };
            });



 <table class="table-1">
  <tbody>
    <tr>
     <td>

       <table class="table-2" >                                                       
         <tbody>                                                        
           <tr>                                                        
             <td id="day" >                                                     
               <span>                                                               
                <select class="form-control-2">                                                           
                <option></option>                                                                 
                <option>1</option>                                                                
                <option>2</option>                                                                                                                          
                </select>                                                               
                <button id="add_day" type="button" class="btn btn-default">                                                                                                             
                </button>                                                               
                <button id="abstract_day" type="button" class="btn btn-default">                                                                                                                                
                </button>                                                           
              </span>
             </td>
             </tr>
            </tbody>
         </table>   

        </td>                                                                                                               
      </tr>   
       <tr>
         <td>

          <table class="table-2" >                                                        
           <tbody>                                                      
             <tr>                                                          
              <td id="day" >                                                        
                <span>                                                              
                 <select class="form-control-2">                                                              
                  <option></option>                                                               
                  <option>1</option>                                                                  
                  <option>2</option>                                                                                                                            
                  </select>                                                             
                  <button id="add_day" type="button" class="btn btn-default">                                                                                                               
                  </button>                                                             
                  <button id="abstract_day" type="button" class="btn btn-default">                                                                                                                              
                  </button>                                                         
                  </span>                                                         
                </td>                                                                                                             
              </tr> 
           </tbody>
         </table>

       </td>                                                                                                              
     </tr> 
   </tbody>
 </table>

Answer 1

如果我对你的理解正确，你可以这样做

$("table.table-2").on("click","#abstract_day", function () {
    $(this).closest("tr").find("button").not(":last").remove();
});