javascript - 过滤特定价格范围之间的标记

Question

我正在尝试创建一个函数来过滤特定价格范围内的所有标记，但是我无法使其工作。我使用下面的代码尝试了它。

我做错了什么？

JSFiddle

function priceRange(){      
    var price1 = document.getElementById('price1').value;
    var price2 = document.getElementById('price2').value;

    for(i = 0; i < markers.length; i++){
        marker = gmarkers[i];

        if(marker.price > price1 && marker.price < price2){
            mark.setVisible(true);
        }
        else{
            mark.setVisible(false);
        }
    }
}

Answer 1

输入字段值是字符串，您需要将它们解析为数字才能正常进行比较。根据您使用的数字类型，使用 parseInt(str, 10) 或 parseFloat(str)。在解析字符串之前删除千位分隔符:

var price1 = parseInt(document.getElementById('price1').value.replace(/\./g, ''), 10);
var price2 = parseInt(document.getElementById('price2').value.replace(/\./g, ''), 10);

以相同的方式解析标记价格(如 charlietfl 指出的):

if(parseInt(marker.price.replace(/\./g, ''), 10) > price1 && parseInt(marker.price.replace(/\./g, ''), 10) < price2){

要使 fiddle 中的代码正常工作，您需要将 Javascript 代码放在头部(没有包装器)中，位于 load 事件内，但在其外部添加 priceRange 函数以便可以通过按钮事件访问它。将按钮中的属性从 onlick 更改为 onclick:http://jsfiddle.net/jaj1b018/3/