2017-09-26 77 views
-2

的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}} 

}); 
+0

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

+0

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

+0

我的错。抱歉。 –

回答

0

你可以试试这个:

$('.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!

+0

我收到'undefined'( –

+0

你确定他们有和id? –

+0

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

0

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

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

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