javascript - 从 URL 将变量传递到简单模态弹出窗口

Question

通过 SQL 查询创建一个表，并尝试通过以下代码传递变量 pmntid:

?>
<td class="listingTextLeft">
<a href="?pmntid=<?php echo $row[0] ?>" class="pmntDetail"><?php echo $row[20] ?></a>
</td>
<?php

该链接显示了正确的 pmntid，但是我无法通过以下 jquery 传递它:

    <script>
    jQuery('.pmntDetail').each(function(i,v){
        jQuery(v).click(function(paymentID){
         paymentID.preventDefault();
         paymentID.stopPropagation();
         var pmntid = <?php echo $row[0]; ?>
         console.log("ID: ", pmntid);
         $("#pmntDetailPopup").modal({position: ["5%"]});
      });

 });
    </script>

控制台日志显示 pmntid 为未定义。我需要将此 pmntid 传递到一个简单的模式弹出窗口，该弹出窗口显示在同一页面上的 pmntDetailPopup div 中，我在该页面上运行 sql 查询以使用查询结果填充字段。

如果我在查询中使用常量，弹出窗口工作正常并且所有字段都会填充，因此错误肯定是在传递 pmntid 时出现的。

Answer 1

使用数据属性:

<a href="?pmntid=<?php echo $row[0] ?>" data-rid="<?php echo $row[0] ?>" class="pmntDetail"><?php echo $row[20] ?></a>

并在点击事件中读取

var pmntid = $(this).data("rid");
console.log("ID: ", pmntid);