基于模态框点击事件展示对应数据

<?php
  while($res = mysqli_fetch_array($query)) {
?>
<tr>
  <td class="name mb-0 text-sm"> <?php echo $res['cccEmployee']?> </td>
  <td> <?php echo $res['irNumber']?> </td>
  <td> <a href="#" class="modalLauncher" data-case-type="<?php echo htmlspecialchars($res['caseType']) ?>" data-ir-number="<?php echo htmlspecialchars($res['irNumber']) ?>" data-toggle="modal" data-target="#modal-default-<?php echo $res['irNumber'] ?>"><?php echo $res['caseType']?></a> </td>
  <td> <?php echo $res['startDateTime']?> </td>
  <td> <?php echo $res['endDateTime']?> </td>
  <td>
    <div class="dropdown">
      <a class="btn btn-sm btn-icon-only text-light" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <i class="fas fa-ellipsis-v"></i>
      </a>
      <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
        <a class="dropdown-item" href="#">Print PDF</a>
        <a class="dropdown-item" href="#">Export Excel</a>
        <a class="dropdown-item" href="#">Export Access</a>
      </div>
    </div>
  </td>
</tr>

<div class="modal fade" id="modal-default-<?php echo $res['irNumber'] ?>" tabindex="-1" role="dialog" aria-labelledby="modal-default" aria-hidden="true">
  <div class="modal-dialog modal- modal-dialog-centered modal-" role="document">
      <div class="modal-content">

          <div class="modal-header">
              <h6 class="modal-title" id="modal-title-default-<?php echo $res['irNumber'] ?>"> <?php echo $res['caseType']?> </h6>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">×</span>
              </button>
          </div>   
      <div class="modal-body" id="modal-body-<?php echo $res['irNumber'] ?>">
        <?php 
          echo $res['caseType'];
        ?>
    </div>      
</div>
</div>
<?php }?> <!-- End php While -->

$(document).ready(function(){
  $(".modalLauncher").click(function(e){
    e.preventDefault(); // 阻止默认的链接行为

    var caseType = $(this).data('case-type');
    var irNumber = $(this).data('ir-number');
    var modalId = "#modal-default-" + irNumber;
    var modalTitleId = "#modal-title-default-" + irNumber;
    var modalBodyId = "#modal-body-" + irNumber;

    // 更新模态框标题
    $(modalTitleId).html(caseType);

    // 更新模态框内容 (这里可以根据需要加载更详细的数据)
    $(modalBodyId).html("详细信息: " + caseType + ", IR Number: " + irNumber);

    // 显示模态框
    $(modalId).modal('show');
  });
});