javascript - 使用脚本单击基于 div id 和值的按钮

Question

我有以下情况。我需要根据其id模拟一个按钮点击div下的关闭值按钮

<div id="deviceControls1">
<button value="Off">Off</button>
<button value="On" class="active">On</button>
</div>

<div id="deviceControls2">
<button value="Off">Off</button>
<button value="On" class="active">On</button>
</div

我知道这不是有效的代码，但换句话说，id 如下:

 document.getElementById('deviceControls2').getElementsByValue('Off').click();

我不知道如何使用 javascript 来获得这个结果

Answer 1

使用 JavaScript，试试这个:

var buttons = document.getElementById('deviceControls2').getElementsByTagName('button');
for (var i = 0; i < buttons.length; i++) {
    if (buttons[i].value == 'Off') { 
        buttons[i].click();
    }
}

使用 jQuery(因为你已经标记了它):

$('#deviceControls2').children('button[value="Off"]').click();