javascript - JQuery 从多个 anchor 单击以进行 ajax 调用

Question

我有多个由 php 从数据库生成的 anchor 标记

<a href="#" id="reply_doc" data-doc_value="1"></a>
<a href="#" id="reply_doc" data-doc_value="2"></a>
<a href="#" id="reply_doc" data-doc_value="3"></a>

现在我得到了 JQuery 脚本

$(document).ready(function(){
  $("#reply_doc").click(function () {
    var a = $(this).data("doc_value");
    if (a != "") {
        $.ajax({
            type: "POST",
            url: "ajax_check/",
            data: "doc_reply=" + a,
            success: function (b) {
                alert(a+' ok. '+b)
            }
        });
    }
 });
});

这只是申请第一个 anchor 标签。当单击特定 anchor 时，我如何才能为每个 anchor 标记执行此操作，只有该 anchor 会受到影响，并且该特定值将通过 ajax 发送。

任何帮助将不胜感激。提前致谢。

Answer 1

id 属性是一个标识符。顾名思义，这意味着它必须是唯一，这样它才能识别单个元素。为了识别多个元素，您需要改用类:

<a href="#" class="reply_doc" data-doc_value="1"></a>
<a href="#" class="reply_doc" data-doc_value="2"></a>
<a href="#" class="reply_doc" data-doc_value="3"></a>

$(".reply_doc").click(...);