Как установить `aria-disabled` как true с помощью JavaScript

Question

Я понятия не имею о JS. Но в моем Ruby нужна одна строка кода. У меня ниже html.

<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"> 
    <div class="ui-dialog-buttonset"> 
     <button class="otherButtonClass ui-state-hover ui-state-focus" type="button" role="button" aria-disabled="false"> 
     <button class="otherButtonClass" type="button" role="button" aria-disabled="false" style="display: none;"> 
     <button class="cancelButtonClass" type="button" role="button" aria-disabled="false"> 
    </div> 
</div> 

Я хочу, чтобы код JS сделал первую и вторую кнопки, чтобы сделать их видимыми. Какой будет код?

Пожалуйста, помогите.

Answer 1

http://jsfiddle.net/SQ7SH/1/

var buttons = document.querySelectorAll('.ui-dialog-buttonset button'); 
    buttons[0].setAttribute('aria-disabled', true); 
    buttons[1].setAttribute('aria-disabled', true); 

Также кнопка требуется закрывающий тег

Answer 2

var buttons = document.getElementsByClassName('otherButtonClass'); 
for(var i = 0; i < buttons.length; i++){ 
    buttons[i].setAttribute('aria-disabled', 'true'); 
} 

Answer 3

Как спросил there is needed one line of code:

document.querySelectorAll('.ui-dialog-buttonset .otherButtonClass').forEach(function (item) {item.setAttribute('aria-disabled', true);});