JQuery многоразовые функции

Question

Абсолютно новый для JQuery, поэтому я учусь каждый день.

Одна вещь, которую я заметил, это то, как легко, вы можете просто написать

$('div#test).remove();

Но я ищу пример того, как повторно использовать некоторый код, например ::

function RemoveTableRow(row, id) 
{
   $(row).remove();
   // id should be used for ajax call
}

А затем добавьте 'onclick' на мой тег-якорь

onclick="RemoveTableRow('user-row-1', 32);"

Но почему-то это не работает, даже если я добавлю его в функцию document.ready. Может ли кто-нибудь исключить это для меня, лучший способ сделать это?

Спасибо заранее. Этот форум убийца!

Обновление

Я обновил код из справки, которую я получил здесь. Это мой текущий код, и я хотел бы знать, если это лучший способ сделать это.

function RemoveTableRow(row, id) {
            $.ajax({
             type: "POST",
             url: "Default.aspx/DeleteEmployee",
             data: "{'ID':'" + id + "'}",
             beforeSend: function() {
                  $("#" + row).animate({'backgroundColor':'#fb6c6c'},300);
             },
             success: function() {
              $("#" + row).slideUp(300,function() {
                    $("#" + row).remove();
              });
             }
        });
    }

Answer 1

является ли user-row-1 идентификатором строки таблицы? Если да, то вы пропустите # в вашем селекторе

function RemoveTableRow(row, id) {
   $('#'+row).remove();
   // id should be used for ajax call
}

или без изменения функции вызывать ее с полным селектором

onclick="RemoveTableRow('#user-row-1', 32);"

Answer 2

Куда вы хотите привязать клик? Предполагая, что это элемент DOM с идентификатором myid, тогда это будет делать:

("#myid").click(function () {RemoveTableRow('user-row-1', 32);} );