Jquery перебор элементов

С помощью селектора jQuery мы выбрали какие то элементы. Как теперь организовать их перебор в цикле? Есть пара вариантов.

Используем функцию $.each(func)

Разработчики не могли не заложить перебор по найденным элементам в библиотеку. Параметром должна быть функция, в которую передаётся два значения — номер элемента и ссылка на сам элемент DOM. Как пользоваться — см. пример.

В примере мы перебираем элементы span в некотором контейнере #nav. На каждой итерации сообщаем номер элемента. В случае обнаружения SPAN.selected — сообщаем об этом, добавляем ему класс .found и прекращаем поиск.

Ручной перебор найденных селектором jQuery элементов

Возможно организовать перебор и без функции each. У нас есть выбранные элементы, мы знаем их кол-во — организуем цикл for по ним.

Первый вариант изящнее, но есть один нюанс. Внутри функции перебора (в первом случае) переменная this будет иметь значение текущего элемента. Возможны и какие то другие коллизии локальных и глобальных переменных.

Написать комментарий

Мало букафф? Читайте есчо !

Fancybox прокручивает основное окно к верху

Июль 13, 2016 г.

Сталкивался с таким поведением плагина fancybox. При открытии модального окна, происходит прокрутка в основном окне к самому верху. Как с этим бороться? Это происходит не всегда, а при некоторых случаях верстки. Верстку уже менять проблематично, ...

Читать

Вертикальное уплотнение списка скриптом

Май 24, 2017 г.

Если вы занимаетесь версткой, то наверное, нередко верстаете элементы списков. Все выглядит красиво, если элементы однородны по ширине-высоте, тогда они ...

Читать

 

Комментарии к «Jquery перебор элементов»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий:

Много комментариев в “Jquery перебор элементов”

  1. Ян:

    var elem =- jQuert(nav).get(k);
    jQuert — не уверен, что это правильно