funções reutilizáveis ??JQuery

Question

completamente novo para JQuery, então eu estou aprendendo todos os dias.

Uma coisa que notei é como é fácil, você pode apenas escrever

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

Mas eu estou procurando um exemplo de como reutilizar algum código, por exemplo:.

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

E, em seguida, adicionar um 'onclick' no meu âncora tag

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

Mas de alguma forma ele não está funcionando, mesmo se eu adicioná-lo na função document.ready. Alguém pode cortá-la para mim, a melhor maneira prática para fazer isso?

Obrigado antecipadamente. Este fórum é assassino!

Atualizar

Eu atualizei o código da ajuda que cheguei aqui. Este é o meu código atual, e eu gostaria de saber se a sua a melhor maneira de fazer isso.

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 o ID da linha da tabela? Se sim, do que você está faltando # em seu seletor

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

ou sem alterar a função, chamá-lo com o selector completa

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

Answer 2

Onde você deseja vincular o onclick para? Assumindo que é um elemento DOM com myid id, então isso vai fazer:

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