将参数传递给jQuery .click

时间:2011-07-26 21:07:53

标签: jquery jquery-post

我有一个列表,从MySQL数据库中的行填充,我想在单击链接时标记数据库中的那些行,使用jQuery .click和.ajax触发PHP脚本并传入数据库主密钥ID。

到目前为止我有这个jQuery代码:

$(document).ready(function() {
    $("#clickme").click(function() {
        $.post("removeDNFromBulk.php");
    );
});

但我需要传入一个ID来删除DNFromBulk.php,无论是POST还是GET,都适合。

我有这个HTML来触发jQuery代码

<a id="clickme" href="javascript:void(0);">click me</a>

显然我没有将任何ID传递给jQuery但是那部分我无法理解。怎么办?

1 个答案:

答案 0 :(得分:2)

我会做这样的事情:

我会使用一个类,因为如果我理解你的问题是正确的,那么有几个clickme链接。 Id应始终是唯一的。

此外,我删除了那个丑陋的javascript:void(0)东西:)

我已将id添加到链接的data属性中。

<a class="clickme" href="#" data-id="{the id}">click me</a>

您可以将数据添加到帖子中,如下所示。

$(document).ready(function() {
    $('.clickme').click(function() {
      var del_id = $(this).data('id');
      $.post("removeDNFromBulk.php", { id: del_id } );

      return false;
    });
});

return false可防止事件冒泡DOM和点击的默认行为。

修改

您应该将代码包装在文档中,以确保在尝试访问该元素之前加载该元素。