JQuery reutilizables funciones

Question

Completamente nuevo en JQuery así que estoy aprendiendo todos los días.

Una cosa que he notado es lo fácil que es, sólo se pueden escribir

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

Pero estoy buscando un ejemplo de cómo la reutilización de código, por ejemplo.:

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

Y, a continuación, agregue un 'onclick' en mi ancla-tag

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

Pero de alguna manera no está funcionando, aunque he de añadir que en el documento.listo función.Alguien puede cortar para mí, la mejor práctica manera de hacer esto?

Gracias de antemano.Este foro es un asesino!

Actualización

He actualizado el código de la ayuda que tenemos aquí.Este es mi código actual, y me gustaría saber si es la mejor manera de hacer esto.

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

es el usuario de la fila 1 el ID de la fila de la tabla?Si sí, que le falta # a en su selector de

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

o sin cambio de la función, la llame con el selector de

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

Answer 2

¿Dónde quiere obligar a la onclick a? Suponiendo que sea un elemento DOM con myid ID, entonces esto va a hacer:

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