Как сделать несколько селекторов в YUI
Как я могу сделать несколько селекторов в yui (yui 2), как в jquery:
$('h1, h2, el1, el2, .content, .title').css('color', 'red');
Как это можно написать в yui (без отдельного выполнения YAHOO.util.Dom.addClass для каждого элемента)
2 ответа
Решение
Некоторые из DOM-методов YUI принимают массив элементов для действия, и метод addStlye() является одним из них, поэтому вы должны уметь:
YAHOO.util.Dom.setStyle(['el1', 'el2'], 'color', 'red');
Думаю, что он работает только с идентификаторами, поэтому первый элемент должен иметь идентификатор el1 и т.д...
РЕДАКТИРОВАТЬ:
Вы также можете использовать YAHOO.util.Selector
модуль для запроса DOM и возврата массива элементов для передачи setStyle()
Например:
var els = YAHOO.util.Selector.query('h1, h2, h3, .some-element');
YAHOO.util.Dom.setStyle(els, 'color', 'red');
Или в YUI 3:
Y.all('h1, h2, h3, .content, .title').setStyle('color', 'red');