Rotan075 Rotan075 - 6 months ago 30
Javascript Question

HTML5 range - unsupported pseudo: range

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?

Answer

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