jquery 和 javascript 过滤问题

Question

我的 JS 代码 here 有两个问题，非常感谢任何帮助...

1. 我需要添加一个逻辑，以便当产品价格为 499 美元时，过滤列表中会显示“超过 50 个”选项。就我目前的实现而言，这是行不通的。

   <li>
       <!-- over 50 product is not showing when filtering -->
       <a href="/product-three">Product Four</a><br>
       <span id="lowestPriceRange">400</span>
       <span id="highestPriceRange">400</span>
   </li>
   
   
   // Because I need to handle it here somehow but I'm stuck
   var hidePrices = {};
   hidePrices[0] = true;
   hidePrices[10] = true;
   hidePrices[20] = true;
   hidePrices[30] = true;
   hidePrices[40] = true;
   hidePrices[50] = true;
   
   $('#products').find('span').each(function(i, el){
       var key = parseInt(Math.floor($(this).html() / 10) * 10, 10);
       hidePrices[key] = false;
   });
   
   $('#filterByPrice').find('li').each(function(i, el){
       if (hidePrices[Number($(this).find('a').attr('name'))]) {
           $(this).hide();
       }
   });
   

2. 它隐藏了一些我想显示的产品。例如，我想在选择$ 40- $ 50过滤选项时显示价格在40美元至60美元之间的产品。

Answer 1

我在这里解决了你的问题：http://jsfiddle.net/qNFWM/7/

为了解决第一个问题，我添加了这个，因为您的密钥是 400：

if (key > 50) key = 50;

为了解决第二个问题，我改变了这个：

return (minProductPrice >= minSelectedPrice && maxProductPrice <= maxSelectedPrice);

到这里：

return ((minProductPrice >= minSelectedPrice &&  minProductPrice <= maxSelectedPrice) || (maxProductPrice >= minSelectedPrice &&  maxProductPrice <= maxSelectedPrice));

所以只有最小值或最大值必须在范围内。