動的に生成されたModalのIDを取得する方法

Question

jqueryはかなり新しく、動的に生成されたIDの私のモーダルを取得しようとしています。だから、これは私のコードは次のようになります。。

<?php 
    $sql = "SELECT * FROM currentstatus"; 
    $res = mysql_query($sql); 
    while($r = mysql_fetch_assoc($res)) { 
     echo '<div class="modal fade" id="'.$r['rackName'].'" role="dialog"> 
     <div class="modal-dialog modal-lg" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      <h4 class="modal-title" id="myModalLabel">'.$r['rackName'].'</h4> 
      </div> 
      <div class="modal-body"> 


      </div> 
      <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary">Print</button> 
      </div> 
     </div> 
     </div> 
    </div>'; 
    } 
    ?> 

$ [ 'rackName']は、私のダイナミックID

である私は、次のコードを使用して、このモーダルを呼び出す：

<a href="" data-toggle="modal" data-target="#'.$r['rackName'].'">'.$r['rackName'].'</a> 

Answer 1

することができますショーイベントをキャプチャしてIDを取得してください。

$(function(){ 
    $('.modal').on('show.bs.modal', function() { 
     console.log($(this).prop('id')); 
    }); 
});