.find()

Поиск

Получить первый элемент документа, который соответствует указанному CSS-селектору или группе селекторов.

find(selector [, context])

Метод .find() возвращает первый элемент в дереве DOM, который соответствует указанному селектору или группе селекторов. Если нужно получить один конкретный элемент, то в большинстве случаев отлично подходит util.$().

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

Найти первый элемент в документе с классом .my-li:

var myLi = util.find('.my-li');

Добавим в список несколько классов "my-li". В данном примере из всего списка добавим только первому элементу с указанным классом фон, используя UIkit.util.addClass().

<ul class="uk-list">
  <li>Элемент списка</li>
  <li class="my-li">Фоновый класс</li>
  <li class="my-li">Элемент списка</li>
  <li>Элемент списка</li>
</ul>
// Получим первый найденный
let mySelector = util.find( "li.my-li" );

// Добавим класс
util.addClass(mySelector, 'uk-background-primary');

Результат

<ul class="uk-list">
  <li>Элемент списка</li>
  <li class="my-li uk-background-primary">Фоновый класс</li>
  <li class="my-li">Элемент списка</li>
  <li>Элемент списка</li>
</ul>