关闭所有模态引导

Question

我想用一行代码关闭所有情态，我有一个代码是这样的:

closeModals() {
$('#new-user').modal('hide');
$('#new-project').modal('hide');
$('#new-task').modal('hide');
}

但问题是，我有超过20个情态在我的项目，有没有一种方法关闭所有情态而不重复每个模态的id ?谢谢!

Answer 1

如果你可以给元素添加class，你可以只调用这个

$('.my-modals').modal('hide');

Answer 2

你可以通过javascript选择所有情态动词的类并关闭它们。

引导& lt;5

$('.modal').modal('hide');

Bootstrap>= 5

document.querySelectorAll('.modal').forEach(function(modalElem) {
const myModal = new bootstrap.Modal(modalElem);
myModal.hide();
});