如何使用JavaScript將'aria-disabled`設置爲true

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);});