Javascript 使用传递的id显示bootsrap模式

在我的页面中有一个名为popular的选项卡，其中多行是从db动态加载的。它还包含一个按钮，按钮中有一个特定的id和代码。我试图在模式中显示所选按钮行数据。但是我不能这样做。当我把modal div放在

php

while循环中时，它会在褪色的modal中逐个显示所有行代码。有什么建议吗

代码

 <div id="popular" class="tab-pane counties-pane active animated fadeIn">
 <?php
  $q=mysqli_query($con,"  SELECT c.* , sc.* , sm.* ,ca.* from store_category sc INNER JOIN store_manufacture sm ON sm.sm_id=sc.store_id INNER JOIN categories ca ON ca.cat_id=sc.cat_id INNER JOIN coupons c on c.c_sc_id=sc.sc_id ");
 while($row1=mysqli_fetch_array($q,MYSQLI_ASSOC)) {
  $h = strpos($row1['sm_link'], 'http');
  ?>
  <div class="coupon-wrapper row">
   <div class="coupon-data col-sm-2 text-center">
   <div class="savings text-center">
   <div>
   <div class="large"><?php echo $row1['c_name'] ?></div>
   <div class="type"><?php echo $row1['sm_brand_name'] ?></div>
     </div></div></div>
     <div class="coupon-contain col-sm-7">
    <h4 class="coupon-title"><a href="<?php echo ($h !== FALSE)?$row1['sm_link']:"http://".$row1['sm_link'] ?>" target="_blank"><?php echo $row1['c_description']?></a></h4></div>
<div class="button-contain col-sm-3 text-center">
 <p class="btn-code" data-toggle="modal" data-target=".couponModal">
<span class="partial-code"><?php echo $row1['c_code'] ?></span> 
<span class="btn-hover">Get Code</span></p> </div></div>
 <?php
 }
 ?>
  </div>

 <!--Modal-->
    <div class="coupon_modal modal fade couponModal" tabindex="-1" role="dialog" id="couponModal_<?php echo $row1['c_id'] ?>">
    <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="ti-close"></i></span> </button>
    <div class="coupon_modal_content">
    <div class="row">
    <div class="col-sm-10 col-sm-offset-1 text-center">
    <h2><?php echo $row1['c_name'] ?></h2>
     <p><?php echo $row1['c_description'] ?></p>
     </div>
    <div class="row">
     <div class="col-sm-12">
     <h5 class="text-center text-uppercase m-t-20 text-muted">Click below to get your coupon code</h5>
      </div><div class="col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3"> <a href="#" target="_blank" class="coupon_code alert alert-info">
<span class="coupon_icon"><i class="ti-cut hidden-xs"></i></span>  <?php echo $row1['c_code'] ?></a></div>
      </div> </div> </div>
 </div></div></div>

获取代码

点击下面获取您的优惠券代码

您是否有JS部分负责处理按钮ID并将其发送到modal？否。我正在通过

数据目标发送ID

看到了这一点，但使用类不会有多大帮助，它将只打开一行，或流中的第一行。1） 在你的循环中，你把一个模态放在每个具有唯一ID的项上（重…），或者2）你把一个模态放在一个模态上，然后用ID将它作为目标，然后加载目标项（即：），你需要为模态使用一个ID，所以我需要第二个@OldPadawan@tabia：在上制作了一个实例，只需运行-f9即可