将变量从链接传递给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调用的php文件如果被ajax或者正常请求以不同方式响应 - 如果它是ajax它会输出响应(例如"Item was successfully successfully"),它可以显示在#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').