Подсчитайте количество строк таблицы между двумя определенными строками с помощью jQuery
-
03-07-2019 - |
Вопрос
<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?
Редактировать:Извините, не пояснил, что это всего лишь пример, таблица может содержать любое количество родительских строк и любое количество дочерних строк
Решение
Это даст вам то, что вы хотите
var childCount = ($('#parent_2').get(0).rowIndex - $('#parent_1').get(0).rowIndex) - 1;
Другие советы
Это:
$('#parent_1 ~ .child:not(#parent_2 ~ *)').size()
Перевод:соответствовать всем элементам класса child
которые являются родными братьями и приходят после, #parent_1
, но не те , которые являются родственными и приходят после #parent_2
.
Первая идея, которая пришла в голову. Я уверен, что есть какой-то сложный способ выбора элементов, о которых идет речь, (то есть вам просто нужно сделать $ (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;
});
Я думаю, что лучший способ - это считать вручную. Это будет быстрее, потому что вы можете прерваться, когда узнаете, что подсчитали (полезно, если у вас огромный стол).
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");
У некоторых людей есть несколько хороших ответов здесь, я уже начал свой, поэтому плохо, просто добавьте его для дополнительной информации.
$(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]);
}
});
РЕДАКТИРОВАТЬ Между прочим, мне все равно, сколько там родителей, он будет продолжать считать, пока массив достаточно большой.
Предполагая, что parent_1 и parent_2 являются начальной и конечной строками соответственно:
$("#parent_1").siblings().size() - 1