jQuery Range 滑块 grep 返回具有最小值和最大值的项目
jQuery Range slider grep return items with min and max
我有以下数据:
unit 251
path "M256.57 475.46L251.00 4...49 471.59L259.64 472.92"
name "unit 251"
status "Sold"
color "#f50000"
size "3200"
price "3000000"
这一小块来自一个大的JSON数组,我正在使用jQuery ui rangeslider,我正在尝试使用jQuery.grep按价格返回属于范围滑块最小和最大值的项目。
这是我到目前为止的代码:
//////////Filter Range Slider
function filterUnitPrice(minVal,maxVal){
var obj = json['properties'];
return jQuery.grep(Object.keys(obj), function(item){
return obj[item].price < maxVal;
});
}
jQuery('div#price-range')[0].slide = null;
jQuery( "#price-range" ).slider({
range: true,
min: 0,
max: 350000,
values: [ 0, 300000 ],
slide: function( event, ui ) {
var minVal = ui.values[0];
var maxVal = ui.values[1];
var result = filterUnitPrice(minVal,maxVal);
console.log(result);
}
});
//////////Filter Range Slider
我不确定我做错了什么,但它似乎总是返回[]
......
任何帮助非常感谢。谢谢。。。
如果您希望
grep
函数返回元素而不是其键,请尝试将函数更改为:
function filterUnitPrice(minVal, maxVal) {
var obj = json['properties'];
return jQuery.grep(obj, function (item) {
return item.price < maxVal;
});
}
演示:http://jsfiddle.net/IrvinDominin/dF2W8/
相关文章:
- jquery最小和最大长度验证
- 日期选择器的最小和最大日期
- 如何在 ag-grid 中设置默认的最小和最大列宽
- webpack优化最小化返回布尔值,而不是工厂值
- 从显示为文本的范围中返回最小和最大数字
- 如何为日期选择器设置最小和最大日期
- 带有最小和最大数字的增量数组列表
- 最小和最大轴值在具有对数轴的高图表中不适用
- 如何获取最小和最大日期
- 如何从表的选定行中获取最小和最大数量
- 角度最小和最大时间不工作
- Soundcloud最小页面过大
- 具有最小和最大数字的十进制值的javascript正则表达式
- 如何根据其他日期约束jQuery ui日期选择器的最小和最大日期
- y轴最小和最大值范围显示
- 下拉的最小和最大值,不更新在EI9和IE8的JQuery
- JavaScript数学.最小返回错误的值
- 取最小和最大的数到我的值的左右
- 我如何得到这个脚本运行返回所需的值的最小,最大和总和
- 如何在JavaScript中比较最小订单数量的值