Осуществляет поиск элементов внутри уже выбранных элементов.
Метод имеет варианты использования и соответствующий синтаксис:
- ищет элементы, соответствующие заданному селектору, внутри выбранных элементов.1
.find(selector)
- осуществляет поиск элемента 1
.find(element)
внутри выбранных элементов. Параметр 1
element
задается в виде DOM-элемента.1
element
- осуществляет поиск элементов внутри выбранных элементов, оставляя те, которые содержатся в заданном объекте jQuery.1
.find(jQuery object)
Примеры использования.
- вернет все элементы
, находящиеся внутри div-элементов:1
span
- вернет все элементы с классом
, находящиеся внутри div-элементов:1
.bigBlock
Вышеуказанные примеры хороши лишь в качестве демонстрации возможностей метода
.1
.find()
Например, искать span-элементы, лежащие внутри div’ов правильнее будет так:
Метод
же удобно использовать, когда некоторые элементы уже найдены и необходимо осуществить поиск других элементов внутри уже найденных элементов:1
.find()
Так же
удобен для использования в цепочках методов:1
.find()
Работа метода
схожа с методом 1
.find()
, который осуществляет поиск подходящих дочерних элементов.1
.children()
Отличие заключается в том, что
проводит поиск не только среди дочерних элементов, но и внутри них тоже (другими словами - поиск проходит на всех уровнях иерархии DOM, в то время как 1
.find()
ищет только на одном уровне).1
.children()
Пример метода .find()
Внутри каждого ul-элемента найдем первый li-элемент и последний p-элемент:
Фильтрация элементов помощью .find()
Кроме поиска, .find() может осуществлять своеобразную фильтрацию.
Материал статьи полностью основан на http://jquery.page2page.ru и не претендует на оригинальность.