Question

你有一些标有A-G的按钮。按钮上的ID如下所示。

"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

在功能结束时删除其中任何一个：

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

$（'＃'+ element_id_here）jQuery选择器是你正在寻找的。

Answer 2

尝试通过事件对象访问元素。

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

另外，你实际做的是事件委托，所以像这样的东西会起作用（在jquery 1.7中）

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

Jquery通过keyup确定哪个按钮

2 个答案: