Javascript 如何在执行代码之前遍历特定类的所有元素？

让我们假设我有一个班级“狗”。我有5个元素，它们都有类“狗”。我想检查是否所有的元素有类“狗”有一定的背景色。如果他们有，我想执行一个特定的代码。我不想循环每个元素，并在每次迭代之间执行代码。我想要的是，在执行代码之前，首先检查所有元素是否具有特定的背景颜色

我试过这个：

function openBtn () {
  green = 'rgb(144, 238, 144)';

  if ($('.glassver').css('background-color') == green || $('.glasshor').css('background-color') == green || $('.glassxyz').css('background-color') == green) {
    $('#orderBtn').removeAttr('disabled', 'disabled');
    $('#orderBtn').css("background-color", "#3da669");
  } else {
    $('#orderBtn').attr('disabled', 'disabled');
    $('#orderBtn').css("background-color", 'lightgray');
  }
}

---

获取所有具有

dog

类的div元素，并从中构建一个数组

然后使用数组的

every

方法检查背景色条件。 如果它们都是真的，那么执行代码

constdogs=Array.from（document.querySelector（'div.dog'）；
if（dogs.every（d=>d.style.backgroundColor=='red'））{
log（'do some code'）；
}

狗1
狗2

发布您尝试的代码。是的，ofc，sry！这里欢迎使用StackOverflow，请阅读，您的代码有什么问题？什么不起作用？错误？我可以用一个按钮将div元素添加到程序中。假设我用按钮添加了3个div。当用户向表单提供一些输入时，div将颜色更改为绿色。在执行removeAttr（）部分之前，我想检查是否所有3个div都变为绿色。我不知道这是否是因为程序在开始时没有div，但用户必须通过按钮添加它们。