Метод 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-элементов на странице

На этом все.


VSC - explorer.compactFolders

В Visual Studio Code по умолчанию стоит настройка, которая отображает на владке Explorer вложенные папки таким образом:![VSC - Default Vi...… Continue reading

Flattering operators

Published on July 12, 2024

Оператор withLatestFrom

Published on July 03, 2024