합격 매개 변수 버튼을 클릭 이벤트 핸들러

Question

삭제 I가 다음과 같은 jQuery를 내 테이블에서

$('#btnDelete').click(function() {//Do the delete here via jquery post}); 

난 내가 클릭 이벤트에 매개 변수를 전달 할 방법은 다음

<a id="btnDelete">Delete</a> 

수많은 행이 ID를 게시하여 무언가를 삭제하십시오

Answer 1

이들 중 많은 수가있는 경우 처리기를 묶는 가장 쉬운 방법은 모두 공통 ID가 아닌 공통 클래스를 공유하는 것입니다 (ID는 고유해야 함).

$(function() { 
    $(".btnDelete").click(function() { 
     // get your id here 
     var $id = parseInt(this.id.substring(4)); 
     // POST with your info or whatever... and then... 

     return false; 
    }); 
}); 

:

<a class="btnDelete" id="del_123">Delete</a> 
<a class="btnDelete" id="del_124">Delete</a> 
<a class="btnDelete" id="del_125">Delete</a> 

다음을 활성화하기 위해, 당신은 클릭 이벤트를 바인딩 할 수 있습니다

Answer 2

이 jQuery 함수를 사용할 수 있습니다. 콜백 내부 :

$(this) 

은 이벤트를 트리거하는 태그가 포함 된 둘러보기 세트입니다. 예를 들어, 다음과 같은 구조가있는 경우 :

<tr><td><a id="btnDelete">Delete</a></td></tr> 

$(this).parent() 

에는 부모 td 요소가 포함됩니다. 그런 다음 ID 또는 속성을 사용할 수 있습니다. 이것은 매개 변수를 콜백에 전달하는 것보다 훨씬 낫습니다.