Javascript 使用相同的ajax调用打开多个动态链接

我正在显示多个动态链接，它们使用相同的Ajax加载第一个链接上的内容，但对其余链接不起作用。如何让它加载同一div中其他链接的内容

Html:

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

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

---

将id更改为类，从if语句中删除#

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

$('.hrefid').on('click', function (e) {
    var el = $(this);
    var load = $(e.target).attr("href");
    if(load == "link") {
        $.ajax({
            type: 'post',
            url: "/page/test/"+id,
            success: function (event) {
                el.next().empty();
                el.next().append(event.responseText);
            }
        });
    }
    });

$string.=''。
$（'.hrefid'）。在（'click'，函数（e）上{
var el=$（本）；
var load=$（e.target）.attr（“href”）；
如果（加载=“链接”）{
$.ajax({
键入：“post”，
url:“/page/test/”+id，
成功：功能（事件）{
el.next（）.empty（）；
el.next（）.append（event.responseText）；
}
});
}
});

尝试使用success而不是complete。或者你已经试过了吗？我试过了，当我使用success时，它甚至没有加载一个运行异常的链接的内容。。。event.responseText的值是多少？（完成，而不是成功）