JQuery的类选择

我有一些有类名的HTML文本框为数字JQuery的类选择

<input type="text" name="msg_timeout" class="numbers" />

同样也有与类不同的文本框为数字。我想keydown事件分配给那些文本有类作为数字的盒子，所以我尝试跟着，但没有工作

$('input.numbers').each 

$('.numbers').each 

$('input.numbers:text').each 

$('input:text.numbers').each 

$('input[type=text]').each // only this is working but it selects all textboxes.

请让我知道主意。 下面的代码

$(document).ready(function() { 


    $('input.numbers').each(function() { 

     $(this).get(0).oncontextmenu = function() { return false; }; 
      $(this).bind("keydown",function(event) { 
      // alert(window.event); 

      // Allow only backspace and delete 
      if (event.keyCode == 46 || event.keyCode == 8 
        && (event.keyCode >=96 && event.keyCode <=105)) 
      { 
       // let it happen, don't do anything 
      } 
      else { 
       // Ensure that it is a number and stop the keypress 
       if (event.keyCode < 48 || event.keyCode > 57 || event.shiftKey || event.ctrlKey || event.altKey) { 
        event.preventDefault(); 
       } 
      } 

      var forbiddenKeys = new Array('c', 'x', 'v'); 
      var keyCode = (event.keyCode) ? event.keyCode : event.which; 
      var isCtrl; 
      isCtrl = event.ctrlKey; 
      if (isCtrl) { 
       for (i = 0; i < forbiddenKeys.length; i++) { 
        if (forbiddenKeys[i] == String.fromCharCode(keyCode).toLowerCase()) { 
         //alert('You are prompted to type this twice for a reason!'); 
         return false; 
        } 
       } 
      } 
      return true; 
     }); 
    }); 

});

来源

2011-02-05 Dead Programmer

所有的例子都应该工作......所以你的代码中可能还有其他的东西是错误的。不仅仅显示`.each`。 – ThiefMaster 2011-02-05 13:53:04

我同意ThiefMaster。你是否在dom.ready之后调用这些选择器，就像我在下面显示的那样？ – xzyfer 2011-02-05 13:55:32

你是否调用dom.ready后的选择器？

$(document).ready(function() { 
    $('input.numbers').keydown(function() { 
     // code here 
    }); 
});

没有$(document).ready()这是不可预测的，当你的选择进行评估的元素将出现在屏幕上。

来源

2011-02-05 13:54:30 xzyfer

你并不需要显式地遍历所有匹配的元素将事件处理程序分配给他们。以下将做的伎俩：

// bind a keydown handler to all input elements with class 'numbers' 
$("input.numbers").keydown(function() { 
    // handler implementation here 
});

来源

2011-02-05 13:52:14 karim79

你还没有发布你的整个代码，但我猜你可能也会在飞行中添加一些元素？

在这种情况下.. ..使用

$("input.numbers").live('keydown', function() { 
    // do stuff here 
});

来源

2011-02-05 13:55:08

你的意思是“数字”没有文字，但作为一个数字，一个数字，整数？

$("input").filter(function() { 
    return $(this).attr("class").match(/\d+/); 
});

来源

2011-02-05 13:58:38 Luke

JQuery的类选择

回答

相关问题