將參數傳遞給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或屬性。 這比嘗試將參數傳遞給回調要好得多。