将参数传递给jQuery删除按钮单击EventHandler

Question

我有以下jQuery

$('#btnDelete').click( function() {//Do the delete here via jquery post});

在我的表中，我有许多行，包含以下内容

<a id="btnDelete">Delete</a>

我如何将参数传递给click事件以发布ID以删除某些内容

Answer 1

如果你有很多这些，将处理程序与它们联系在一起的最简单方法就是让它们共享一个共同的类而不是一个共同的ID（id应该是唯一的......）。

<a class="btnDelete" id="del_123">Delete</a>
<a class="btnDelete" id="del_124">Delete</a>
<a class="btnDelete" id="del_125">Delete</a>

然后要激活它们，您可以绑定click事件：

$(function() {
    $(".btnDelete").click(function() {
        // get your id here
        var $id = parseInt(this.id.substring(4));
        // POST with your info or whatever... and then...

        return false;
    });
});

Answer 2

你可以在jQuery函数中使用它。 在你的回调中：

$(this)

将是一个包含集合，其中包含触发事件的标记。 例如，如果，你有这个结构：

<tr><td><a id="btnDelete">Delete</a></td></tr>

$(this).parent()

将包含父td元素。 然后，您可以使用其ID或属性。 这比尝试将参数传递给回调要好得多。