подсчитать количество элементов внутри определенного html-узла с помощью метода jquery .size ()

0

я хочу, когда я нажимаю кнопку внутри моей таблицы-2, чтобы подсчитать, сколько кнопок есть в конкретной таблице-1, поэтому я могу удалить их все, один за другим, но не последний. Так что мне нужно каким-то образом поднимитесь до родительского элемента, подсчитайте кнопки, а затем используйте этот путь, чтобы спуститься вниз и удалить кнопку. Вот мой код 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>
  • 0
    $("table td:not(:last)") все тд кроме последнего тд
  • 0
    $ ( "# Кнопка abstract_day") размер (). что это дает. убедитесь, что у вас есть уникальные идентификаторы для каждого элемента.
Теги:

1 ответ

1
Лучший ответ

Если бы я правильно понял вас, вы могли бы сделать что-то подобное

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню