Метод parent и children библиотеки jQuery

Reading time ~1 minute

Два метода-антагониста, принцип работы которых ясен из имени самих методов.

Метод children

Метод

1
.children()
возвращает все элементы, которые являются дочерними по отношению к элементу, указанному в качестве аргумента метода.

Примеры использования:

  • 1
    
    $('div').children()
    
    - вернет элементы, которые лежат непосредственно внутри div-элементов
  • 1
    
    $('div').children('.block')
    
    - вернет элементы класса
    1
    
    .block
    
    , которые лежат непосредственно внутри div-элементов
  • 1
    
    $('#area').children('.block') - вернет элементы класса .
    
    block
    1
    
    , которые лежат непосредственно внутри элемента с идентификатором 
    
    #area`

Метод

1
.children()
в чем-то похож на метод
1
.find()
, рассмотренный мною ранее. Но между двумя этими методами существует одно большая разница.

Метод

1
.children()
возвращает (другими словами - ищет) все элементы, расположенные на DOM-уровне ниже указанного элемента; и только на этом уровне. Другими словами - возвращаются все непосредственные children-элементы.

Метод

1
.find()
производит поиск указанных элементов на всех уровнях DOM-дерева. Другими словами, будет производиться поиск элементов на всех уровнях, вне зависимости от глубины вложенности этих уровней.

Метод parent

Метод

1
.parent()
возвращает все элементы, являющиеся непосредственными родителями элемента(ов), указанных в качестве аргументов данного метода.

Примеры использования:

  • 1
    
    $('#block').parent()
    
    - вернет родителя элемента с идентификатором
    1
    
    #block
    
  • 1
    
    $('div').parent()
    
    - вернет родительские элементы всех div-ов
  • 1
    
    $('div').parent('.block')
    
    - вернет элементы класса
    1
    
    .block
    
    , которые являются родительскими для div-элементов на странице

На этом все.


Mangling Angular

Angular Builder поддерживает параметры среды:- NG_BUILD_MANGLE- NG_BUILD_MINIFY- NG_BUILD_BEAUTIFYМожно установить их при запуске скрипта...… Continue reading

Constructor parameter without access modifier

Published on February 04, 2024

RxJs and DestroyRef Provider

Published on January 24, 2024