Подсчет количества вложенных элементов с помощью JQuery

Question

Я хочу узнать, как подсчитать дочерние элементы для данного объекта Jquery. Я знаю, что length и size () возвращают количество дочерних элементов, но мне нужна функция, которая также подсчитывает дочерние элементы и так далее. Таким образом, если они являются тегом «span», вложенным в другой «span» и другой «span», функция должна вернуть 3.

Answer 1

Для определенного типа элемента:

$('#my_element').find('span').length

Для всех элементов определенного класса:

$('#my_element').find('.my_class').length

Для всех элементов внутри элемента:

$('#my_element').find('*').length

Рабочий пример: http://jsfiddle.net/AlienWebguy/whxf2/

Answer 2

Используйте $([selector]).find('*'), чтобы получить все дочерние элементы элемента.