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

Question

我正在尝试将 .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 方法的最佳方法是什么？

Answer 1

由于 Bootstrap 使用 JQuery 您必须将这些元素实例化为 jQuery 对象

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

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

Is there a solution to apply method .collapse('show') to a node list from Bootstrap 4.6.x using JavaScript?

javascript

loops

bootstrap-4

collapse