JQueryの再利用可能な関数

Question

JQueryは全くの初心者なので日々勉強中です。

私が気づいた 1 つの点は、それが非常に簡単であるということです。

$('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);} );