Передача параметров в jQuery Delete Кнопка Нажмите EventHandler

Question

У меня есть следующий jQuery

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

В моей таблице много строк со следующими

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

Как передать параметры событию click, чтобы опубликовать идентификатор для удаления чего-либо

Answer 1

Если у вас их много, самый простой способ привязать к ним обработчик - это сделать так, чтобы все они имели общий класс, а не общий идентификатор (идентификаторы должны быть уникальными ...).

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

Затем, чтобы активировать их, вы можете привязать событие клика:

$(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. Затем вы можете использовать его идентификатор или атрибуты. Это намного лучше, чем пытаться передать параметры в обратный вызов.