javascript - bootstrop model 如何关闭关闭所有模态框

Question

bootstrop model 如何关闭关闭所有模态框
关闭指定模态框我知道，但是如何关闭所有模态框，在不知道模态框id的情况下，该如何解决呢
$('id').modal('hide');

Answer 1

查看一下bootstrap的modal，会看到每个modal都有默认的类名"modal fade"，一种比较直接的方法是通过jQuery的类选择器，匹配到所有modal之后通过.map()对每个modal进行.modal('hide')操作

$('.modal').map(function() {
    $(this).modal('hide');
});

Answer 2

能否给modal添加一个class，然后$('.classname').modal('hide');

Answer 3

var modals = $('.modal')
for(var i = 0, len = modals.length; i < len; i++){ 
    $(modals[i]).modal('hide'); 
}