在另一個html頁面中獲取滑塊的值

Question

我在一個html頁面中有一個滑塊，並且我想要訪問另一個頁面中滑塊的值。

這裏的滑塊，在一個名爲「settings.html」頁：

<div class="widget uib_w_4 no_wrap no_swipe-x with-label d-margins" data-uib="jquery_mobile/slider" data-ver="0" id="sliderAlliteration"> 
       <label class="narrow-control label-top-left" for="sliderAlliteration">Alliteration</label> 
       <div class="wide-control"> 
        <input type="range" value="10" min="0" max="10" step="1"> 
       </div> 
       </div> 

所以滑塊的id是"sliderAlliteration"，我試圖訪問一個javascript腳本文件這個滑塊的值：

var alliterationLevel = $("#sliderAlliteration").val(); 

但是，alliterationLevel出來作爲undefined。我如何訪問滑塊的值？

Answer 1

將其更改爲

alliterationLevel = $("#sliderAlliteration div input").val(); 

爲了得到輸入值，因爲#sliderAlliteration是一個div也沒有任何價值。