jquery - 带有ajax的jQuery变量循环

Question

我在一个页面中有多个 ajax 按钮，我希望每个按钮都将 GET 数据发送到 php 文件。数据存储在 HTML 属性中。这是我所拥有的：

编辑：插入完整代码（准备好文档）

$(document).ready(function() {    
var IDR = $('.ajax').attr("id");    

    var rtitle = $("#"+IDR).attr("name-title");


                console.log(rtitle);
                console.log(IDR);

                // ajax report
                $(".ajax").colorbox({
                    width: '670px',
                    data: "rtitle="+ rtitle
                });

                return false;
      });
 });

问题是它只为第一个按钮发送 GET 数据..

来自 HTML 的示例：

<li><a title="" data-original-title="" href="report.php" class="ajax cboxElement" name-title="RTITILE 1" id="3829"> Report</a></li>
<li><a title="" data-original-title="" href="report.php" class="ajax cboxElement" name-title="RTITLE 2" id="3830"> Report</a></li>

编辑：我正在使用与jQuery load() 相同的jQuery Colorbox 插件ajax 属性。

谢谢！

Answer 1

您需要使用类遍历按钮ajax

否则它只会选择找到的第一个实例。

你还需要use $(this) context

$.each($('.ajax'), function () {
    var $this = $(this);

    var IDR = $this.attr("id");
    var rtitle = $("#" + IDR).attr("name-title");
    console.log(rtitle);
    console.log(IDR);

    // ajax report
    $this.colorbox({
        width: '670px',
        data: "rtitle=" + rtitle
    });

    return false;
});