Question

全新的JQuery，所以我每天都在学习。

我注意到的一件事是多么容易，你可以写

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

但我正在寻找一个关于如何重用某些代码的例子，例如：

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

然后在我的anchor-tag

上添加'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

是用户行-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);} );

JQuery可重用的函数

2 个答案: