如何从 jQuery 中的滑块中获取最小值和最大值？答案

【问题标题】：How do I get min and max values from a slider in jQuery?如何从 jQuery 中的滑块中获取最小值和最大值？
【发布时间】：2022-01-21 11:53:05
【问题描述】：

我正在尝试从我的滑块中获取最小值和最大值：

<input class="slider" data-spanid="span1" type="range" min="0" max="255" value="0">

我对 jQuery 的尝试：

let min = $(".slider").eq(i).min;
let max = $(".slider").eq(i).max;

如果我控制台记录最小或最大变量，它会返回“未定义”

let min = $(".slider").eq(i).min;
let max = $(".slider").eq(i).max;
console.log(max);
console.log(min);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="slider" data-spanid="span1" type="range" min="0" max="255" value="0">

【问题讨论】：

试试prop() 或attr()
你为什么使用eq(i)？您的页面中是否有多组最小/最大滑块？
@RoryMcCrossan 是的，我正在使用多个滑块

标签： javascript html jquery

【解决方案1】：

使用.prop()

let min = $(".slider").prop('min');
let max = $(".slider").prop('max');

【讨论】：

【解决方案2】：

虽然您的问题可能会重复here

试试这个

 
let min = $(".slider").attr("min");;
let max = $(".slider").attr("max");;
console.log(`max : ${max}`);
console.log(`min : ${min}`);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="slider" data-spanid="span1" type="range" min="0" max="255" value="0">

【讨论】：