Javascript 向jquery弹出窗口添加行id

你好，我想补充一下 我为什么要这么做

因为每次我在结果页上使用下面的代码时

 if (mysql_num_rows($sql_result) > 0) {
                        while ($row = mysql_fetch_assoc($sql_result)) { 

当有16个结果时，弹出窗口显示16次

这是密码

    <a href="#0" onclick="$('.cd-popup_<?php echo $row["id"]; ?>
').addClass('is-visible');"  class="cd-popup-trigger">View Pop-up</a>

<div id="popup" class="cd-popup_<?php echo $row["id"]; ?>"  role="alert">

    <div class="cd-popup_<?php echo $row["id"]; ?>-container" >
        <ul class="cd-buttons">
<p>your name is   <?php echo $row["name"]; ?></p>



        </ul>
        <a href="#0" onclick="$('.cd-popup').on('click', function(event){
        if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup') ) {
            event.preventDefault();
            $(this).removeClass('is-visible');
        }
    });" class="cd-popup_<?php echo $row["id"]; ?>-close img-replace">Close</a>
    </div> <!-- cd-popup-container -->
</div> <!-- cd-popup -->

css

我头上有两个解决方案 首先是将行号添加到css中，这将是许多类cd-container_1到cd-container_1000或更多

---

第二种方法是通过style=“”将css添加到div标记中，这会更有用，但不会太起作用任何建议

如果你的目标是区分类，那么你只需要将你的

echo

传递给这些类，并在jQuery选择器中使用

而不是

：

<button onclick='$(".popup_<?php echo $row["id"];?>").fadeIn();'>click</button>

<div class="popup_<?php echo $row["id"]; ?>">

---

假设每个弹出窗口都有空闲结构：

<button class="trigger-popup">click</button>
<div class="popup">
<div class="overlay"> </div>
    <div class="box">
        <span>x</span>
    </div>
</div>

你想解释更多吗？好的，john，我有一个php代码，它是if（mysql\u num\u rows（$sql\u result）>0）{而（$row=mysql\u fetch\u assoc（$sql\u result））{Ahmed，我想john问的是什么意思：“给类添加一个行id，这样我就可以区分它们了”…我假设您只是想在HTML
类
属性中使用
$row[“id”]
，而不是在
id
属性中使用它。这就是您想要的吗？如果不是，您需要提供更多解释…请检查我的编辑
<button onclick='$(".popup_<?php echo $row["id"];?>").fadeIn();'>click</button>

<div class="popup_<?php echo $row["id"]; ?>">

<button class="trigger-popup">click</button>
<div class="popup">
<div class="overlay"> </div>
    <div class="box">
        <span>x</span>
    </div>
</div>

$('.trigger-popup').on('click',function(){
  $(this).next().fadeIn();
});