.findAll()

findAll(selector [, context])

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

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

Найти список всех элементов с тегом span в документе:

var mySpans = util.findAll('span');

В этом примере возвращается список всех элементов div, которые имеют класс .uk-card-primary или .uk-card-secondary:

var mySelectors = util.findAll('div.uk-card-primary, .div.uk-card-secondary');

Этот пример со списком букв алфавита надёт все элементы с тегом span и ссылку с классом .uk-card. При клике на любую карту алфавита будут происходить изменения для всех карт, но только не для последней. Переключение классов с помощью UIkit.util.toggleClass().

<ul id="example-findAll" class="uk-grid uk-child-width-1-4 uk-text-center">
	<li class="abc">
		<a class="uk-card uk-card-body uk-card-hover">А</a>
	</li>
	<li class="abc">
		<span class="uk-card uk-card-body uk-card-hover">Б</span>
	</li>
	<li class="abc">
		<span class="uk-card uk-card-body uk-card-hover">В</span>
	</li>
	<li class="abc">
		<div class="uk-card uk-card-body uk-card-hover">Г</div>
	</li>
</ul>

const myList = util.$('#example-findAll');

util.on('.abc > *', 'click', function () {
    let myEl = util.findAll('span, a.uk-card', myList);
    util.toggleClass(myEl, 'uk-card-primary');
});