我可以在多个元素上使用jquery for onKeyUp吗?

Dam*_*ien 7 jquery

我有一堆文本字段,我想在onkeyup完成后运行一个函数.它们都将运行相同的功能,所以有一种方法我可以在一行而不是这样做:

$('#element1').keyup(function(){getData()});
$('#element2').keyup(function(){getData()});
Run Code Online (Sandbox Code Playgroud)

此外,如果我能做到这一点,我怎么能在那里投掷和改变下拉?谢谢大家!!

Vis*_*ioN 15

您可以使用逗号分隔元素:

$("#element1, #element2").keyup(getData);
Run Code Online (Sandbox Code Playgroud)

但是如何使用类而不是列出所有ID:

<!-- HTML -->
<input id="element1" class="element" />
<input id="element2" class="element" />

// JavaScript
$(".element").keyup(getData);
Run Code Online (Sandbox Code Playgroud)


Mat*_*ens 5

要么将它们附加到选择器中:

$('#element1, #element2').keyup(function(){ // ...
Run Code Online (Sandbox Code Playgroud)

或者add()在这种情况下使用which 可能会更有效,因为 jQuery 可以使用以下方法为仅 ID 选择器使用快捷方式getElementById

$('#element1').add('#element2').keyup(function(){ // ...
Run Code Online (Sandbox Code Playgroud)