Jquery 키를 사용하여 어떤 버튼을 결정하십시오.

Question

안녕하세요, A-G라고 표시된 버튼이 있습니다. 이드의 버튼은 다음과 같습니다.

"btn_A" 
"btn_B" 
"btn_C" 
etc... 

나는 다음과 같이 keyup 함수를 실행 중이다.

$(document).keyup(function (event) { 
    var theButton = "btn_"+String.fromCharCode(event.keyCode); 
    alert(theButton) 
}); 

그게 올바른 버튼 "id"를 얻지 만, 어떻게하면 버튼을 사용할 수 있습니까? 다음과 같은 것 등

버튼이 정의 된 그것에서 text() 또는 hide()을 얻을 :

<button id="btn_A">A</button> 
<button id="btn_B">B</button> 
<button id="btn_C">C</button> 

내가 뭘하려고 누군가가 해당 버튼을 숨겨 키보드의 정확한 키를 누를 때이다(). 예를 들어 그들이 "A"를 누르면 A 버튼이 숨겨집니다.

Answer 1

그냥 함수의 끝에서 다음 중 하나를 드롭 (JQuery와 1.7에) 작동합니다

$('#'+theButton).text(); 
$('#'+theButton).hide(); 

$ ('#'+ element_id_here) jQuery 선택기가 당신이 찾고있는 것입니다.

Answer 2

이벤트 개체를 통해 요소에 액세스 해보십시오. 또한

alert($(event.target).text()); 

는 당신이 실제로하고있는 것은 이벤트 위임, 그래서 이런 일이

$(document).on("keyup","[id^=btn]",function(){ 
    var theButton = "btn_"+String.fromCharCode(event.keyCode); 
    alert(theButton); 
    alert($(this).text()); 
});