2012-02-29 4 views
0

아약스를 통해 페이지를 업데이트하고 있으므로 (텍스트) 버튼을 동적으로 생성하고 있습니다. onclick 이벤트를 설정하는 방법을 알고 있지만 핸들러에서 이드의 ID를 얻는 방법을 알고 있습니까?버튼 처리기에서 버튼의 ID를 얻습니다.

sinatra를 루비 및 jquery와 함께 사용하기 1.5.

<div onclick='my_handler()' ><a><href>[Edit]</href></a></div> 

와 JS 코드 : 다음은 부분적인 코드

function my_handler(){ 
    alert ("button id is ...") 
} 

감사

+0

어떤 버튼이 있습니까? 귀하의 예에서 버튼 요소가 보이지 않습니다. – j08691

+0

그리고 당신은 당신의 html을 닦아야합니다. 'href'는 태그가 아니며, 당신의'div'는 id 매개 변수를 가지고 있지 않습니다. – Mikhail

답변

5
alert ("button id is " + this.id); 

그리고 당신은 이미 jQuery를 사용하고 말한 이후, 분리하시기 바랍니다 HTML 및 JS :

<div class="edit"> 

$('div.edit').on('click', function() 
{ 
    alert ("button id is " + this.id); 
}); 
+0

고마워, 그게 도움이 되긴하지만, 나는 정확하게 설명하지 못한다. 위의 솔루션은 한 번 작동하지만 AJAX를 사용하여 양식을 다시로드하면 더 이상 작동하지 않습니다. 그래서 'onclick'속성을 동적으로 추가했습니다. 'onclick'솔루션은 다시로드 한 후에 작동합니다. ID를 얻는 방법을 모르겠습니다. 말이 돼? 내 용어가 잘못되었을 수도 있습니다. 여기서는 초보자입니다. 도와 주셔서 감사합니다. – dt1000

+0

동적으로 HTML을 빌드하더라도'.on()'솔루션이 작동합니다. –

관련 문제