小编Gom*_*omu的帖子

我正在学习 javascript 循环和数组，我想知道是否可以获得所有按钮属性，就像在我的代码中，当我单击提交按钮时，我想循环遍历所有名为“value”的按钮（带有“seat”类）属性并设置语句如果其“value=1”将背景颜色更改为红色。

 <div id="tickets">
    <button value="0" class="seat">1</button>
    <button value="0" class="seat">2</button>
    <button value="0" class="seat">3</button>
    <button value="0" class="seat">4</button>
    <button value="0" class="seat">5</button>
    <button value="0" class="seat">6</button>
    <button value="0" class="seat">7</button>
    <button value="0" class="seat">8</button>
    <button value="0" class="seat">9</button>
    <button value="0" class="seat">10</button>
    <button id="submit-btn">Submit</button>
</div>

有一个JQuery代码

$(".seat").click(function (e) { 
e.preventDefault();
let value = $(this).attr("value");
if (value === "0") {
    $(this).addClass("active");
    $(this).attr("value", "1");
}else if (value === "1"){
    $(this).removeClass("active");
    $(this).attr("value", "0");
}
});

在这里，我将值添加到 1，一切正常，它添加类 Active 并更改值，现在我尝试进行循环并检查所有按钮值，如果它 1 添加类，则将背景颜色更改为红色，但我只是不知道该怎么做，尝试了一些解决方案但没有奏效。

编辑尝试使用 @Kenny 的这样的循环不起作用

$("#submit-btn").click(function () { 

$(".seat").each((elem) => { …