jquery - 获取触发引导模式隐藏的元素的 id

Question

我有一个引导模式，其中有几个元素可以在单击时触发隐藏事件。我想获取当时触发事件的元素的id。

我尝试使用 event.target 以及 event.latedTarget 但两者都不起作用。

模态代码是

<div id="GSCCModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;  </button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        <ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
    <li class="active"><a href="javascript:void(0)" data-dismiss="modal" id='link1'>Link 1</a></li>
    <li><a href="javascript:void(0)" data-dismiss="modal" id='link2'>Link 2</a></li>
    <li><a href="javascript:void(0)" data-dismiss="modal" id='link3'>Link 3</a></li>
</ul>
      </div>
      <div class="modal-footer">
        <button id='btn1' type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

而js代码是

$(document).on('hidden.bs.modal', '#GSCCModal', function (event) {
  var target = $(event.relatedTarget);
  console.log(target.id);
});

Answer 1

请尝试如下脚本

$(document).on('hidden.bs.modal', '#GSCCModal', function (event) {
  var id = $(this).attr("id") == undefined ? "NO-ID" : $(this).attr("id") ;
  console.log(id);
});