jquery-selectors - 通过 jQuery 选择数字类型的输入

Question

如何在 jQuery 中选择所有数字类型的输入？

以下代码不起作用：

$(':input[type="number"]').click(function () { 
   alert('hello'); 
});

谢谢。

Answer 1

您的选择器是正确的。使用attribute-equals-selector^(docs)，它将选择具有该类型的输入元素。

您需要确保在运行 DOM 之前已加载它。

示例：http: //jsfiddle.net/H2aQr/

$(function() {
    $(':input[type="number"]').click(function () { alert('hello'); });
});

Answer 2

开头不需要冒号，用于选择输入类型，例如 $('input:text')

所以$('input[type="number"]').click(function () { alert('hello'); });

工作得很好

Answer 3

如您所见，您的代码运行良好... http://jsfiddle.net/U47Vj/也许您的浏览器不支持此HTML5 功能。在 Chrome 中一切都很好。FF 3.6 中的相同代码中断。

Answer 4

我认为您的问题是输入前的“：”。

尝试：

$('input[type="number"]').click(function () { alert('hello'); });