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 是表行的 ID 吗？ 如果是，则您的选择器中缺少 #

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

或不更改函数，请使用完整的选择器调用它

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

Answer 2

您想将 onclick 绑定到哪里？ 假设它是一个 id 为 myid 的 DOM 元素，那么这样做：

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