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

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

11 голосов
/ 05 марта 2009 
<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?

Редактировать: Извините, не дал понять, что это только пример, таблица может содержать любое количество родительских строк и любое количество дочерних строк

Ответы [ 6 ]

16 голосов
/ 05 марта 2009

Это даст вам то, что вы хотите 

var childCount = ($('#parent_2').get(0).rowIndex - $('#parent_1').get(0).rowIndex) - 1;
11 голосов
/ 05 марта 2009

Это: 

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

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

2 голосов
/ 05 марта 2009

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

$(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]);
    }
});

РЕДАКТИРОВАТЬ Между прочим, мне все равно, сколько там родителей, он будет продолжать считать, пока массив достаточно большой.

2 голосов
/ 05 марта 2009

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

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");
2 голосов
/ 05 марта 2009

Первая идея, которая пришла в голову. Я уверен, что есть какой-то сложный способ выбора элементов, о которых идет речь, (имеется в виду, что вам просто нужно сделать $ (selector) .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;
});
0 голосов
/ 05 марта 2009

Предполагая, что parent_1 и parent_2 являются начальной и конечной строками соответственно: 

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