javascript - Ajax 调用仅传递第一个元素的 id

Question

我正在输出多个使用相同的动态链接。我的 AJAX 调用可以很好地加载所有链接的内容。但是当点击其他链接时，显示ajax内容的新div仅输出第一个链接的id。我用它来查看控制台中的 id console.log($('[data-taskid]').first().attr('data-id')); 我怎样才能将单击的链接的 id 传递到我的 ajax View ？谢谢大家!

<div id="content"></div>

PHP

$string .= '<a class="hrefid" data-id="'.$name["id"].'" href="#link">'.$name["name"].'</a>'.

Jquery

$('.hrefid').on('click', function (e) {
    var load = $(e.target).attr("href");
    if(load == "#link") {
        $.ajax({
            type: 'post',
            url: "/page/test/"+$(this).parents("[data-id]").attr("data-id"),
            complete: function (event) {
                $("#content").contents().remove();
                $("#content").append(event.responseText);


            }
        });
    }
});

Answer 1

请注意我没有使用 $(this) 作为引用，一旦你在 ajax 中使用 $(this) ，$(this) 引用就会改变，它引用的是 ajax 而不是主选择器。

       $('.hrefid').on('click', function (e) {
              var $this = $(this);
              var load = $this.attr("href");
              if(load == "#link") {
                    $.ajax({
                         type: 'post',
                         url: "/page/test/"+ $this.attr("data-id"),
                         complete: function (event) {
                             $("#content").contents().remove();
                             $("#content").append(event.responseText);
                         }
                    });
              }
        });