是否有使用 JavaScript 将方法 .collapse('show') 应用到 Bootstrap 4.6.x 中的节点列表的解决方案?

问题描述

我正在尝试将 .collapse('show') 的 Bootstrap 方法应用于元素的节点列表,但我在 console.log 中遇到了一个问题:(未捕获的类型错误:findEl[i].collapse 不是函数) .

因为我有一个节点列表,所以我尝试了一个循环来迭代它们,但这似乎不是正确的方法

let findEl = document.querySelectorAll('.someClass');
            let i;
            for (i = 0; i < findEl.length; i++) {
                findEl[i].collapse('show');
            }

正确应用引导方法的最佳方法是什么?

解决方法

当 Bootstrap 使用 JQuery 时,你必须将这些元素实例化为一个 jQuery 对象

let findEl = $('.someClass');
            let i;
            for (i = 0; i < findEl.length; i++) {
                $(findEl[i]).collapse('show');
            }