在另一个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并且没有值。