javascript - jquery 和 javascript 过滤问题

Question

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

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. 它隐藏了一些我想展示的产品。For example, I want to show a product priced between $40 - $60 when the $40 - $50 filtering option is selected.

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));

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