识别模式窗口

问题描述：

的ID如何识别模态窗口的ID在这个JS识别模式窗口

$('.modal-Goalkeepers, .modal-Defenders, .modal-Midfielders, .modal-Forwards').on('show.bs.modal', function (data) { 

    var id = {{here I want to know id of modal is now shown}} 

});

你能告诉我们您正在使用的HTML，并通过替换类名的关键字ID，因为它是混乱给大家 –

使用ID的，因为他们是唯一的和有限的，每一个元素之一。您正在寻找的解决方案可能会或可能不会每次都提供一致的结果。 –

我的错。抱歉。 –

答

你可以试试这个：

$('.modal-Goalkeepers, .modal-Defenders, .modal-Midfielders, .modal-Forwards').on('show.bs.modal', function(data) { 

    var id = $(this).attr('class'); 
});

一个例子：

$('.block1,.block2,.block3').click(function() { 
 

 
    alert($(this).attr('class')); 
 

 
});

.block1,.block2,.block3 { 
 
height:100px; 
 
margin:20px; 
 
background:#000; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="block1"></div> 
 
<div class="block2"></div> 
 
<div class="block3"></div>

更新：他需要得到类，而不是ID！

我收到'undefined'（ –

你确定他们有和id？ –

我想收到'modal-Goalkeepers'或'modal-Defenders'或者另一个 –

答

由于您使用的是jQuery，因此您可以通过关键字'this'来访问ID。这将访问该事件正在调用的元素。

$(this).attr('id');

这是不工作的模态窗口。我收到'未定义'。 –

相关推荐