HTML5範圍 - 不支持僞：範圍

Question

你好，我有一個相當簡單的問題。我使用HTML5範圍滑塊類型：<input type="range">，我想通過jQuery來觸發它。

我用下面的代碼：

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

出於某種原因，我得到以下錯誤：

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

也許重要的是：我用jQuery的1.12.1.min.js。

有沒有人現在爲什麼這是，我怎麼能解決這個問題？

Answer 1

試試這個：

jQuery("input[type=range]") 

:是獲取某種元信息，通常與用戶正在使用的元素做。

例如：:hover僅適用於用戶將光標置於其上的元素，而:visible是用戶可以看到的元素。

編輯

PranavÇ巴蘭的回答更好的解釋是怎麼回事：HTML5 range - unsupported pseudo: range

Answer 2

有一個在CSS或jQuery的無僞:range選擇。相反，你可以使用attribute equals selector

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

---

對於所有支持的選擇列表，請訪問：JQuery Selectors

Answer 3

是的，你需要使用屬性等於選擇：

jQuery("input[type=range]") 

有使用:in-range或:out-of-range css選擇器，您可以使用最小和最大取值範圍：

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

但是唉！沒有:range選擇器。