Кнопка YUI применяется по имени класса

Question

Можно ли применить / создать кнопку YUI, используя имя класса элемента, а не идентификатор. Я должен создать список кнопок, а затем преобразовать его в кнопку YUI.

[Update]

Кстати, я пытаюсь применить кнопку в теге привязки. Так что это будет кнопка ссылки.

[Update: Код]

Хорошо, вот код. У меня есть цикл, который генерирует этот тег привязки.

<a class="system-button" href="/system/edit/12">Edit</a>

Ответ Врумсби имеет смысл. Но я не знаю, почему это не работает. Я попытался отладить его, и элементы успешно извлечены. Но похоже, что кнопки YUI не создаются.

Я даже пытался генерировать уникальные идентификаторы для элементов, но все равно не повезло.

Есть идеи?

Answer 1

Похоже, я решил это сам. Но я не уверен, что это лучшее решение. Я сгенерировал уникальные идентификаторы, затем создал кнопки.

    var i = 0;
$(".system-button").each(function(i,b){

    var button = new YAHOO.widget.Button($(b).attr('id','system-button'+i).attr('id'));
     i++;
});

И да, я использую здесь JQuery. Эта структура так крута.

Answer 2

Вы можете использовать атрибут конфигурации srcelement , например, так:

(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event,
        Button = YAHOO.widget.Button;

    Event.onDOMReady(
        function() {
            var elements = Dom.getElementsByClassName('...');

            for (var i = 0; i < elements.length; i++) {
               var button = new Button({
                   srcelement: elements[i],
                   ...
               });
               ...
            }
        }
    );
})();