php - 将 Attr 值从 PHP MYSQL 传递到 jQuery iFrame

Question

我尝试将 php 脚本 $row['coupon_id'] 中的 id 属性的值传递给 jquery，但每次单击链接时，警报框都会不断弹出相同的 id，例如在我的情况下'147' 代表所有被点击的链接，而不是显示从我的数据库中提取的不同 ID。

有人可以帮我解决这个问题吗？

<script type='text/javascript' src='js/jquery-1.6.1.min.js'></script>

<script type="text/javascript"> 
$(document).ready(function() {
    function toggleDivs() {
        var deal_id = $('.buttonClicked').attr('id');
        alert(deal_id);     
}

    $('.buttonClicked').click(function(){
        toggleDivs();
    }); 
});     
</script>

<?php
    include('include/class_dbcon.php');
    $connect = new doConnect();
    $query_pag_data = "SELECT * FROM coupons "
                       . "WHERE coupon_status = 1 "
                       . " ORDER BY coupon_id DESC LIMIT 12";

    $result_pag_data = mysql_query($query_pag_data);
    $msg = "";
    while($row = mysql_fetch_array($result_pag_data)) {
    $msg .= "<span class='buttonClicked' id='"
            . $row['coupon_id']
            . "'><a href='#'>Detail</a></span></br>";
      } 

echo $msg;

?>

<div id='iframecall'></div>

谢谢 火灾

Answer 1

您的事件处理程序错误，请将其更改为:

function toggleDivs() {
    var deal_id = this.id;
    alert(deal_id);     
}

$('.buttonClicked').click(toggleDivs); 

您的原始代码没有考虑单击了哪个元素。对 $('.buttonClicked').attr('id') 的调用获取了所有链接的集合，并返回了该集合中第一个链接的 id。