util.queryAll()

queryAll(selector [, context])

Метод .queryAll() с точки зрения функциональности практически аналогичен util.findAll() и util.$$(). В большинстве случаев можно просто использовать util.$$().

Пример

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

<ul id="example-queryAll" 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>

var myList = util.$('#example-queryAll');
var myElem = util.queryAll('span, a.uk-card', myList); // сработает правильно

util.on('.abc > *', 'click', function () {
    // сработает неправильно, результат не тот, который нужен
    // var myElem = util.queryAll('span, a.uk-card', myList);
    
    util.toggleClass(myElem, 'uk-card-primary');
});