javascript - HTML5 range - unsupported pseudo: range - Stack Overflow

admin管理员组

文章数量:1356585

Hello I got a rather simple question. I use the HTML5 range slider type: <input type="range"> and I want to trigger it via jQuery.

I used the following code:

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

For some reason I get the following error:

! Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: range

Perhaps important: I use jquery-1.12.1.min.js.

Does anyone now why this is and how I could solve this?

Hello I got a rather simple question. I use the HTML5 range slider type: <input type="range"> and I want to trigger it via jQuery.

I used the following code:

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

For some reason I get the following error:

! Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: range

Perhaps important: I use jquery-1.12.1.min.js.

Does anyone now why this is and how I could solve this?

• javascript
• jquery
• html

Share Improve this question Follow edited May 31, 2016 at 8:30 Pranav C Balan 115k2525 gold badges171171 silver badges195195 bronze badges asked May 31, 2016 at 8:23 Rotan075Rotan075 2,61555 gold badges3737 silver badges5656 bronze badges 2

• 1 The error states the exact issue, there is no :range selector in jQuery. – Rory McCrossan Commented May 31, 2016 at 8:25
• Please read this post: stackoverflow./questions/10004723/… – d.danailov Commented May 31, 2016 at 8:33

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

Try this:

jQuery("input[type=range]")

: is for getting some kind of meta information, usually related to what the user is doing with the element.

For example: :hover only applies to elements the user has placed the cursor over and :visible is elements the user can see.

EDIT

Pranav C Balan's answer better explains what is going on: HTML5 range - unsupported pseudo: range

There is no :range pseudo selector in css or jQuery. Instead you can use attribute equals selector

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

---

For all supported selectors list visit : JQuery Selectors

Yes, you need to use attribute equals selector:

jQuery("input[type=range]")

There's use of :in-range or :out-of-range css selector that you can use for min and max value range:

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

But alas! There's no :range selector.

本文标签： javascriptHTML5 rangeunsupported pseudo rangeStack Overflow