У меня на странице какое-то количество элементов с одинаковым классом. Как узнать сколько их, используя js или jquery?
4 ответа 4
На jQuery еще так можно
Я делаю с недавних пор так:
При этом, если элементы разбросаны по всей странице, и надо не просто их посчитать, а порядок сохранить. Делаю так:
На jQuery я так и не нашёл как это делать, только набор внутри одного родителя, другой считается новым. По крайней мере я с этой проблемой сталкивался года три назад. Мне нужно было посчитать общее количество элементов, разбросанных по странице, и вывести их порядок. Да, может где-то сглупил, или во всём, но я только пользователь JS, а не разработчик на нём. А на чистом — самый простой способ что я нашёл уже спустя столько времени.
.each(callback)
возвращает: jQuery
Выполняет заданную функцию для каждого из выбранных элементов в отдельности.
Это дает возможность обрабатывать выбранные элементы отдельно друг от друга.
Клик мышкой в любом месте элемента body* приведет к тому, что будут отобраны все принадлежащие ему элементы div.
Затем для каждого из них css свойство color будет установлено в значение blue.
Если же свойство color очередного элемента уже имеет значение blue, оно будет сброшено (будет установлен изначально красный цвет шрифта).
возвращает: Number
Количество элементов в объекте jQuery.
Подсчитываем количество элементов div в объекте jQuery.
Каждым кликом добавляем еще один элемент div.
size() делает практически тоже самое, что и length, только немного медленнее.
.length
возвращает: Number
Количество элементов в объекте jQuery.
Подсчитываем количество элементов div в объекте jQuery. Каждым кликом добавляем еще один элемент div.
.eq(position)
возвращает: Array
Обеспечивает доступ ко всем выбранным элементам DOM.
Служит обратно совместимым способом, позволяя обратиться ко всем элементам набора,
Если Вы работаете непосредственно с элементами DOM, не используя встроенные функции jQuery.
Выбираем все элементы div в документе и возвращаем набор элементов DOM как массив, затем используем встроенный метод, чтобы этот массив перевернуть.
.get(index)
возвращает: Element
Обеспечивает доступ к единственному элементу из набора элементов DOM по его индексу.
Это позволит извлечь актуальный элемент DOM и работать с ним непосредственно, не используя функциональность jQuery.
Эта функция, вызванная как $(this).get(0) является эквивалентом использования квадратных скобок в нотации объектов jQuery, например $(this)[0].
Отдает имя тэга на котором был совершен клик.
.index(subject)
возвращает: Number
Ищет элемент в наборе элементов объекта и возвращает его индекс, если найден.
Возвращает -1, если не найдено.
Отсчет ведется от 0.
По клику возвращает индекс выбранного элемента div.
data(key, value) :jQuery
.data() :jQuery
.data(key) :any type
.data() :Object
.removeData([name])
Удаляет пользовательские переменные, установленные методом .data() у выбранных элементов страницы.
Если указан необязательный параметр name, то будут удалены переменные только с этим именем, если же этот параметр не указан, то удалятся все переменные.
Как используя jQuery посчитать количество дочерних элементов. Например нативным образом это можно сделать так:
А на jQuery, какие должны быть селекторы?
Селекторами вы количество не подсчитаете.
Приведу несколько примеров, по примеру на строчку:
Добавить комментарий Отменить ответ
Для отправки комментария вам необходимо авторизоваться.
