使用jquery中的val()返回数组的特定索引

时间:2015-01-02 17:32:25

标签: javascript jquery nouislider

我可能缺乏在Javascript中检索数据的基本知识。所以我使用名为noUiSlider的jquery插件读取范围滑块的值。这里有基本代码:

HTML:

<div id="slider"></div>
<div id="value-input-left" style="font-size:12px"></div>
<div id="value-input-right" style="font-size:12px"></div>

jQuery的:

<script>
     $(document).ready(function(){
      $("#slider").noUiSlider({
       start: [20, 80],
       connect: true,
       range: {
       'min': 0,
       'max': 100
        }
     });
      $('#slider').Link('lower').to($('#value-input-left'));
      $('#slider').Link('upper').to($('#value-input-right'));
      alert("return value of range slider" +$("#slider").val());
      });

</script>

$("#slider").val()返回array[value, value],在此示例中为20.00,80.00。但是,分别获得价值的最简单方法是什么?

例如,我尝试过:$("#slider").val(0); $("#slider").val[0]$("#slider").lower()$("#slider").get(0),但都不起作用。

此插件的文档为http://refreshless.com/nouislider/slider-read-write/

谢谢!

3 个答案:

答案 0 :(得分:0)

尝试:

$("#slider").val()[0]; 

获取数组中的第一个元素。

答案 1 :(得分:0)

如果你告诉的一切,请尝试以下方法:

$("#slider").val()[0];

答案 2 :(得分:0)

val()仍然是你想要的,但由于它返回了一个数组,你必须在val()上使用你的访问器。将它们放在一起:

$("#slider").val()[0] // first value
$("#slider").val()[1] // second value