JQuery выберите следующую TBODY все строки

У меня есть следующая таблица:JQuery выберите следующую TBODY все строки

<table class="js-table-sections js-table-checkable table table-hover"> 
 
     <thead> 
 
      <tr> 
 
       <th class="text-center" style="width: 70px;"> 
 
        <label class="css-input css-checkbox css-checkbox-primary remove-margin-t remove-margin-b"> 
 
         <input type="checkbox" id="check-all" name="check-all"><span></span> 
 
        </label> 
 
       </th> 
 
       <th style="width: 30px;"></th> 
 
       <th>Name</th> 
 
       <th style="width: 15%;">Access</th> 
 
       <th class="hidden-xs" style="width: 15%;">Date</th> 
 
      </tr> 
 
     </thead> 
 
     <tbody class="js-table-sections-header"> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"> 
 
        <i class="fa fa-angle-right"></i> 
 
       </td> 
 
       <td class="font-w600">Jhon Smith</td> 
 
       <td> 
 
        <span class="label label-danger">Disabled</span> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <em class="text-muted">June 17, 2015 12:16</em> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $28,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 14, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $54,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 6, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $86,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 8, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $86,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 1, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody class="js-table-sections-header"> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"> 
 
        <i class="fa fa-angle-right"></i> 
 
       </td> 
 
       <td class="font-w600">Donald Barnes</td> 
 
       <td> 
 
        <span class="label label-primary">Personal</span> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <em class="text-muted">June 22, 2015 12:16</em> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $32,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 20, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $87,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 18, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $28,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 21, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $29,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 11, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody class="js-table-sections-header"> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"> 
 
        <i class="fa fa-angle-right"></i> 
 
       </td> 
 
       <td class="font-w600">Susan Elliott</td> 
 
       <td> 
 
        <span class="label label-warning">Trial</span> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <em class="text-muted">June 6, 2015 12:16</em> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $41,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 26, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $20,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 23, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $74,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 14, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $40,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 12, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody class="js-table-sections-header"> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"> 
 
        <i class="fa fa-angle-right"></i> 
 
       </td> 
 
       <td class="font-w600">Amy Hunter</td> 
 
       <td> 
 
        <span class="label label-success">VIP</span> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <em class="text-muted">June 22, 2015 12:16</em> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $32,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 11, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $37,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 3, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $66,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 4, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $76,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 2, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 

 
    </table>

таблица имеет несколько TBODY. Один tbody - это заголовок, а следующий tbody содержит строки данных. Заголовок заголовка имеет класс: js-table-sections-header. Как я могу проверить все строки из тела, находящегося под заголовком заголовка, используя jquery?

Как и в изображении ниже:

TBODY заголовок содержит имя как: Jhon Smith и т.д. Когда я флажок с этой строки я хочу все остальные строки из-под что проверить.

источник

2016-11-18 user2818430

Принимая дикую догадку, вам придется перебирать все заголовки таблиц, пока не найдете что-то, что соответствует типу, а затем прокрутите заголовок таблицы после него, чтобы пометить их все, и, наконец, сломать основной петля. – Crowes

я получил результаты с этим Jquery код:

$(document).ready(function() { 
    $('input[class*="select-all"]').change(function() { 
     var this_tbody = $(this).closest('tbody'); 

     $(this_tbody).next().find('input').prop('checked', $(this).is(':checked')); 
    }); 

    $('#check-all').change(function() { 
     $(this).closest('table').find('input').prop('checked', $(this).is(':checked')); 
    }); 
});

Не забудьте установить класс флажок для имен (Donald Барнса, и т.д.), чтобы class="select-all".

источник

2016-11-18 14:07:03

Мне не нужно выбирать все строки, глобальный выбор действительно находится в верхнем заголовке таблицы. Как вы можете видеть на изображении, когда я устанавливаю флажок в строке, где находится имя человека Jhon Smith, все строки под этим должны быть отмечены только, а не все строки в таблице. – user2818430

Существует случай для обоих, когда установлен флажок в заголовке, он проверяет все флажки, когда установлен флажок для имени, он проверяет все флажки под именем. –

Я думаю, вам просто нужно первое событие изменения в моем коде, попробуйте, просто не забудьте установить флажки для имен в class = "select-all", он выберет все строки под именем. –

ОБНОВЛЕН:

Вы должны попробовать это:

$(document).ready(function() { 
 

 
\t $("#check-all").on('click', function(e) { 
 

 
    var bool_check = false; 
 
    if($(this).is(":checked")) { 
 
    \t bool_check = true; 
 
    } else { 
 
    \t bool_check = false; 
 
    } 
 
    
 
    var checkboxes_list = $("tbody input[type='checkbox']"); 
 
    \t 
 
    //var checkboxes_list = total_inputs.find("tbody:first-child tr label.css-input input"); 
 
    checkboxes_list.each(function(i) { 
 
    \t if(bool_check) { 
 
     \t $(this).prop('checked', true); 
 
     } else { 
 
     \t \t $(this).prop('checked', false); 
 
     } 
 
    }); 
 
    
 
    
 
    }); 
 
\t 
 
    $(".js-table-sections-header td label input").on('click', function(e) { 
 
    \t 
 
    var bool_check = false; 
 
    if($(this).is(":checked")) { 
 
    \t bool_check = true; 
 
    } else { 
 
    \t bool_check = false; 
 
    } 
 
    
 
    var checkboxes_list = $(this).closest('tbody').next().find("input"); 
 
    \t 
 
    //var checkboxes_list = total_inputs.find("tbody:first-child tr label.css-input input"); 
 
    checkboxes_list.each(function(i) { 
 
    \t if(bool_check) { 
 
     \t $(this).prop('checked', true); 
 
     } else { 
 
     \t \t $(this).prop('checked', false); 
 
     } 
 
    }); 
 
    
 
    
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="js-table-sections js-table-checkable table table-hover"> 
 
     <thead> 
 
      <tr> 
 
       <th class="text-center" style="width: 70px;"> 
 
        <label class="css-input css-checkbox css-checkbox-primary remove-margin-t remove-margin-b"> 
 
         <input type="checkbox" id="check-all" name="check-all"><span></span> 
 
        </label> 
 
       </th> 
 
       <th style="width: 30px;"></th> 
 
       <th>Name</th> 
 
       <th style="width: 15%;">Access</th> 
 
       <th class="hidden-xs" style="width: 15%;">Date</th> 
 
      </tr> 
 
     </thead> 
 
     <tbody class="js-table-sections-header"> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"> 
 
        <i class="fa fa-angle-right"></i> 
 
       </td> 
 
       <td class="font-w600">Jhon Smith</td> 
 
       <td> 
 
        <span class="label label-danger">Disabled</span> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <em class="text-muted">June 17, 2015 12:16</em> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $28,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 14, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $54,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 6, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $86,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 8, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $86,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 1, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody class="js-table-sections-header"> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"> 
 
        <i class="fa fa-angle-right"></i> 
 
       </td> 
 
       <td class="font-w600">Donald Barnes</td> 
 
       <td> 
 
        <span class="label label-primary">Personal</span> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <em class="text-muted">June 22, 2015 12:16</em> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $32,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 20, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $87,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 18, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $28,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 21, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $29,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 11, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody class="js-table-sections-header"> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"> 
 
        <i class="fa fa-angle-right"></i> 
 
       </td> 
 
       <td class="font-w600">Susan Elliott</td> 
 
       <td> 
 
        <span class="label label-warning">Trial</span> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <em class="text-muted">June 6, 2015 12:16</em> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $41,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 26, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $20,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 23, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $74,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 14, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $40,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 12, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody class="js-table-sections-header"> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"> 
 
        <i class="fa fa-angle-right"></i> 
 
       </td> 
 
       <td class="font-w600">Amy Hunter</td> 
 
       <td> 
 
        <span class="label label-success">VIP</span> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <em class="text-muted">June 22, 2015 12:16</em> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $32,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 11, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $37,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 3, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $66,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 4, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="text-center"> 
 
        <label class="css-input css-checkbox css-checkbox-primary"> 
 
         <input type="checkbox" id="row_2" name="row_2"><span></span> 
 
        </label> 
 
       </td> 
 
       <td class="text-center"></td> 
 
       <td class="font-w600 text-success">+ $76,00</td> 
 
       <td> 
 
        <small>Paypal</small> 
 
       </td> 
 
       <td class="hidden-xs"> 
 
        <small class="text-muted">June 2, 2015 12:16</small> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 

 
    </table>

Надеется, что это помогает!

источник

2016-11-18 14:04:12

Мне просто нужно выбрать только строки под строкой Jhon Smith, а не все строки в таблице ... – user2818430

@ user2818430 - Оформить мой обновленный код! –

JQuery выберите следующую TBODY все строки

ответ

Смежные вопросы