Как получить число детей в таблице html с помощью jquery

Question

Я не могу понять поведение метода jquerychildren. Я могу подсчитать количество <p> в <div> с помощью:

var abc = $("div").children("p"); 
    alert(abc.length); 

Но то же самое применительно к <tr> в <table> результатов в 0 (ноль) кол.

var abc = $("table").children("tr"); 
    alert(abc.length); 

Почему это так?

Answer 1

Попробуйте

$("table tr").length; 

Если вы хотите, чтобы получить tr в tbody

$("table tbody tr").length; 

Answer 2

Вот ваш ответ.

alert($("table tr").length); 

Answer 3

Используйте селектор, который выберет все строки и займет длину.

var tableRowCount = $('table tr').length; 

Этот подход также используется для подсчета ПОЛУЧИТЬ все ТРС каждого вложенной таблицы

Answer 4

children() будет возвращать прямые детей (траверсы один уровень) из <table>, но не гранд-ребенок (т.е. children «s children) ,

Если вы хотите искать в потомках элемента, используйте find().

Вот как тогда вы можете получить <tr> из <table>:

var trs = $('table').find('tr'); 

И, чтобы получить количество/длина

alert($('table').find('tr').length); 

Нет вложенной таблицы
Если есть нет вложенных таблиц, затем

alert($('table').find('tr').length); 

или

alert($('table tr').length); 

даст вам правильный результат.

Вложенные таблицы
Если у вас возникли некоторые вложенные таблицы, т.е. <table> внутри <table>,

Приведенный выше код не даст вам правильный результат, если вам нужно <tr> х родителей <table>, но не детей <table>.

Вот как тогда вы можете получить:

alert($('table>tbody>tr').length); 

или

alert($('table').children('tbody').children('tr').length); 

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