Javascript 获取forEach循环中的特定元素

我在forEach循环中有一个select元素列表，只需要索引为0的第一个元素

这个元素将有一个不同的方法，我正在努力防止重复的代码我不想为这个元素创建另一个方法，我已经尝试找出它，但似乎我没有成功

var listOfSelect = document.querySelectorAll('select');

listOfSelect.forEach(function(element) {
  element.addEventListener('focus', function () {
      element.style.backgroundColor = "white";
  });
  element.addEventListener('blur', function () {
      element.style.backgroundColor = "#F0F0E7";
  });

  element.addEventListener('change', function () { // I would want to get the first element here 
    // 
  });
});

具有以下语法

nodeList.forEach(callback(currentValue [, index [, array]])[, thisArg]);

所以你可以用

var listOfSelect = document.querySelectorAll('select');

listOfSelect.forEach(function(element,index,array) {
  element.addEventListener('focus', function () {
      element.style.backgroundColor = "white";
  });
  element.addEventListener('blur', function () {
      element.style.backgroundColor = "#F0F0E7";
  });

  element.addEventListener('change', function () { 
      console.log(array[0])
  });
});

---

您可以访问

索引作为
forEach
方法的第二个参数，如下所示

var listOfSelect=document.querySelectorAll（'select'）；
forEach（函数（元素、索引）{
...
addEventListener（'change'，function（）{
//我想在这里得到第一个元素
如果（索引==0）{
console.log（'hi'）
}
});
});