识别模态窗口的id答案

【问题标题】：Identify id of modal window识别模态窗口的id
【发布时间】：2017-09-26 18:16:20
【问题描述】：

如何在这个 JS 中识别模态窗口的 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}}

});

【问题讨论】：

你能告诉我们你正在处理的 html，并用类名替换关键字 ID，因为这会让每个人都感到困惑
使用 ID，因为它们是唯一的，并且每个元素限制为一个。您正在寻求的解决方案每次都可能会或可能不会给出一致的结果。
我的错。对不起。

标签： javascript jquery bootstrap-modal identify

【解决方案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>

更新：他需要获取课程而不是 id！

【讨论】：

我收到'未定义'(
你确定他们有 id 吗？
我想收到“modal-Goalkeepers”或“modal-Defenders”或其他
哦，这是类而不是 id，我要更新我的答案

【解决方案2】：

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

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

【讨论】：

它不适用于模态窗口。我收到“未定义”。