识别模态的 id window

Question

如何在这个 JS

中识别模态 window 的 id

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

});

Answer 1

你可以试试这个:

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

更新：他需要获取 class 而不是 id !

Answer 2

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

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

识别模态的 id window

Identify id of modal window

javascript

jquery

bootstrap-modal

identify