为什么我的变量在 for 循环中显示为未定义？

如何解决为什么我的变量在 for 循环中显示为未定义？

我正在尝试通过在单击时切换 CSS 类来创建一系列可打开/关闭的下拉菜单，代码如下所示：

let questionCont = document.querySelectorAll('.question-container');


    for(i = 0; i < questionCont.length; i++){
      questionCont[i].addEventListener('click',function(e){
        let questionInfo = document.querySelectorAll('.question-info');

        questionInfo[i].classList.toggle('toggle-question');
      })
    }

但是，我不断收到此错误消息：

未捕获的类型错误：无法读取未定义的属性“classList” 在 HTMLdivelement。 (app.js:20)

我可能遗漏了一些简单的东西，但我发誓我以前做过这个并且没有问题......我的代码中的第 20 行是

questionInfo[i].classList.toggle('toggle-question');

所以它无法找到 questionInfo[i] 变量...为什么不呢？！

请帮忙！