Подсчитайте количество строк таблицы между двумя конкретными строками с помощью jQuery

Question

<table> 
    <tr id="parent_1"> 
    <td>Parent 1</td> 
    </tr> 
    <tr class="child"> 
    <td>Child 1</td> 
    </tr> 
    <tr class="child"> 
    <td>Child 2</td> 
    </tr> 
    ... 
    <tr id="parent_2"> 
    <td>Parent2</td> 
    </tr> 
    ... 
</table> 

Как найти число дочерних строк между parent_1 и parent_2 с помощью jQuery?

Edit: К сожалению, не дают понять, что это всего лишь пример, таблица может содержать любое количество родительских строк и любое количество дочерних строк

Answer 1

Это поможет вам, что вы хотите

var childCount = ($('#parent_2').get(0).rowIndex - $('#parent_1').get(0).rowIndex) - 1; 

Answer 2

Допуская parent_1 и parent_2 являются начало и концевые ряды соответственно:

$("#parent_1").siblings().size() - 1 

Answer 3

Первая идея, которая пришла на ум. Я уверен, что есть какой-то сложный способ выбора элементов, о которых идет речь (это означает, что вам просто нужно будет делать $ (селектор) .length), но я не могу думать об одном из моих ног.

var doCount = false; 
var numberOfChildren = 0; 

$('tr').each(function(i){ 
    if($(this).is("#parent_2")) 
     doCount = false; 

    if(count) 
     numberOfChildren++; 

    if($(this).is("#parent_1")) 
     doCount = true; 
}); 

Answer 4

Это:

$('#parent_1 ~ .child:not(#parent_2 ~ *)').size() 

Перевод: сопрягать все элементы класса child, которые являются братьями и сестрами, и прийти после, #parent_1, но не те, которые являются братьями и сестрами и пришли после того, как #parent_2 ,

Answer 5

Я думаю, что лучший способ, вероятно, считать вручную. Это будет быстрее, потому что вы можете оборваться, когда знаете, что сделали подсчет (полезно, если ваша таблица огромна).

var rowid1 = 'parent_1'; 
var rowid2 = 'parent_2'; 

var rows = $("#"+rowid1).parent().find('tr'); 
var count = 0; 

for (var i = 0; i < rows.size(); i++) { 
    var el = rows.get(i); 

    // Done counting 
    if (el.id == rowid2) break; 

    if (el.id != rowid1) { 
     ++count; 
    } 
} 

alert("There are " + count + " rows between"); 

Answer 6

У некоторых людей есть хорошие ответы здесь, я уже был запущен на моем, так что просто добавьте его для дополнительной информации.

$(document).ready(function() { 
    n = 0; 
    var x = new Array(0,0,0); 

    $("table tr").each(function(i) 
    { 
     if($(this).hasClass("child")) 
     { 
      x[n] += 1; 
     } 
     else 
     { 
      n += 1; 
     } 
    }); 

    for(var y = 0; y < x.length; y++) 
    { 
     alert(x[y]); 
    } 
}); 

EDIT Кстати мой не волнует, сколько родителей есть, он просто будет держать отсчет до тех пор, массив достаточно велик.