Zakres HTML5 - nieobsługiwany pseudo: zakres

Question

Witam Mam raczej proste pytanie. Używam typu suwaka zakresu HTML5: <input type="range"> i chcę go uruchomić poprzez jQuery.

Użyłem poniższy kod:

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

Z jakiegoś powodu pojawia się następujący błąd:

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

Może ważne: Używam jquery-1.12.1.min.js.

Czy ktoś teraz, dlaczego tak jest i jak mogę to rozwiązać?

Answer 1

Spróbuj tego:

jQuery("input[type=range]") 

: jest uzyskanie pewnego rodzaju meta informacji, zazwyczaj związane z tym, co użytkownik robi z tego elementu.

Na przykład: :hover dotyczy tylko elementów, które użytkownik umieścił nad kursorem, a :visible to elementy widoczne dla użytkownika.

EDIT

odpowiedź Pranav C Balan jest lepiej wyjaśnia, co się dzieje: HTML5 range - unsupported pseudo: range

Answer 2

Nie ma selektor :range pseudo w css lub jQuery. Zamiast tego można użyć attribute equals selector

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

---

Na liście Wszystkie obsługiwane selektorów wizyty: JQuery Selectors

Answer 3

Tak, trzeba użyć atrybutu równa selektor:

jQuery("input[type=range]") 

Jest użycie :in-range lub :out-of-range selektor css, którego możesz użyć dla min i maks. Zakres wartości:

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

Ale niestety! Nie ma selektora :range.