jquery - 将变量从链接传递给 jQuery

Question

我正在我管理的网站的管理部分重新制作一个页面，以便它使用 jQuery 和 AJAX。在其中一页上我有一个项目列表。每个项目旁边都有一个链接，如下所示:

<a href="delete.php?id=48" class="del_link">delete</a>

如果我给这些链接一个类，我可以轻松地将 jQuery 函数应用于所有链接，但它们都会以相同的方式调用相同的函数。我的问题是:函数获取项目 id 而不包含与 html 内联的 JavaScript 的最佳方法是什么？

更新:谢谢大家指点。我最终使用了这个:

$(".del_link").click(function(){
    var del_link = $(this).attr('href');
    $("#results").load(del_link, function (){
        $("#results").show().delay().fadeTo(2000, 0);
    })
})

如果ajax或正常请求，ajax调用的php文件会以不同的方式响应 - 如果是ajax，它会输出一个响应(例如“项目已成功删除”)，该响应可以显示在#results div中。如果有人禁用了 javascript，客户端将被定向到相同的 php 页面，但一旦该项目被删除，它将重定向它们。

Answer 1

快速而肮脏:

$('.del_link').click(function(){
    var id = $(this).attr('href').split('=')[1];
    // Do something with the ID here
});

请注意，如果链接 URL 具有多个查询字符串参数，则此方法将不起作用。在这种情况下，您必须对 attr('href') 值进行一些稍微复杂的解析。