HTML5 range - unsupported pseudo: range

Question

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 1

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

Answer 2

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