HTML5范围 - 不支持的伪:范围

Question

您好,我有一个相当简单的问题.我使用HTML5范围滑块类型:<input type="range">我想通过jQuery触发它.

我使用了以下代码:

$("form input:range").each(function () {
    // Do something
});

出于某种原因,我收到以下错误:

!未捕获错误:语法错误,无法识别的表达式:unsupported pseudo:range

也许很重要:我使用jquery-1.12.1.min.js.

有谁现在为什么这是,我怎么能解决这个问题？

Answer 1

试试这个:

jQuery("input[type=range]")

: 用于获取某种元信息,通常与用户对元素的处理有关.

例如::hover仅适用于用户将光标放在上面的:visible元素,并且是用户可以看到的元素.

编辑

Pranav C Balan的答案更好地解释了发生了什么:HTML5范围 - 不支持的伪:范围

Answer 2

:range在css或jQuery中没有伪选择器.相反,您可以使用属性equals选择器

$("form input[type='range']").each(function () {
    // Do something
});

对于所有支持的选择器列表访问:JQuery选择器