Два метода-антагониста, принцип работы которых ясен из имени самих методов.
Метод children
Метод .children() возвращает все элементы, которые являются дочерними по отношению к элементу, указанному в качестве аргумента метода.
Примеры использования:
- $(‘div’).children() - вернет элементы, которые лежат непосредственно внутри div-элементов
- $(‘div’).children(‘.block’) - вернет элементы класса .block, которые лежат непосредственно внутри div-элементов
- $(‘#area’).children(‘.block’) - вернет элементы класса .block, которые лежат непосредственно внутри элемента с идентификатором #area
Метод .children() в чем-то похож на метод .find(), рассмотренный мною ранее. Но между двумя этими методами существует одно большая разница.
Метод .children() возвращает (другими словами - ищет) все элементы, расположенные на DOM-уровне ниже указанного элемента; и только на этом уровне. Другими словами - возвращаются все непосредственные children-элементы.
Метод .find() производит поиск указанных элементов на всех уровнях DOM-дерева. Другими словами, будет производиться поиск элементов на всех уровнях, вне зависимости от глубины вложенности этих уровней.
Метод parent
Метод .parent() возвращает все элементы, являющиеся непосредственными родителями элемента(ов), указанных в качестве аргументов данного метода.
Примеры использования:
- $(‘#block’).parent() - вернет родителя элемента с идентификатором #block
- $(‘div’).parent() - вернет родительские элементы всех div-ов
- $(‘div’).parent(‘.block’) - вернет элементы класса .block, которые являются родительскими для div-элементов на странице
На этом все.