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);} );