jQuery.find() – поиск элементов в DOM

С помощью jQuery.find() вы можете искать конкретные HTML-теги, классы или идентификаторы без необходимости выполнять трудоемкие итерации вручную.

Что такое метод jQuery.find()?

Применяя jQuery.find() к определенному объекту jQuery, вы можете находить элементы внутри этого объекта. Поиск рекурсивный. Это означает, что поиск осуществляется не только по прямым дочерним элементам jQuery.find(parent), но и по всем вложенным элементам в дереве DOM. Результатом является новый объект jQuery, содержащий все найденные элементы. Затем этим можно манипулировать или использовать в качестве основы для дальнейших операций. Например, вы можете добавить класс к объекту с помощью jQuery.addClass() или добавить другие элементы с помощью jQuery.append(). Более того, jQuery в WordPress упрощает поиск объектов в вашей CMS.

Каков синтаксис jQuery.find()?

Метод jQuery.find() имеет следующую структуру:

$(selector).find(filter)

• filter : не является обязательным и используется для дальнейшей фильтрации найденных элементов с помощью дополнительных селекторов в jQuery, например jQuery.find(class) или jQuery.find(id)

Если вы хотите узнать больше о селекторах, их обозначениях и функциях.

Примеры использования jQuery.find()

Мы хотели бы продемонстрировать разнообразие селекторов, которые можно использовать в качестве фильтров для метода jQuery.find(), на следующих примерах:

// Suche nach allen <a>-Elementen innerhalb eines <div>-Elements mit der Klasse "container"
$('.container').find('a');

// Suche nach <li>-Elementen innerhalb eines <ul>-Elements mit der ID "myList"
$('#myList').find('li');

// Suche nach allen <input>-Elementen innerhalb eines <form>-Elements und Filtern nach dem Typ "text"
$('form').find('input[type="text"]');