Javascript 按其他两个值之间的属性值筛选元素

我想在其他两个值之间按属性值data price=“筛选元素。我使用jQueryUI滑块来显示价格范围

HTML:

<div class="content" data-price="500">500</div>
<div class="content" data-price="600">600</div>
<div class="content" data-price="700">700</div>
<div class="content" data-price="800">700</div>
<div class="content" data-price="900">900</div>
<div class="content" data-price="1000">1000</div>
<div class="content" data-price="5000">5000</div>
<div class="content" data-price="10000">10000</div>

500
600
700
700
900
1000
5000
10000

Javascript:

$(function() {
$( "#slider" ).slider({
            range:true,
           min: 0,
           max: 20000,
           values: [ 500, 20000 ],
           slide: function( event, ui ) {
              $( "#price" ).val( "€" + ui.values[ 0 ] + " - €" + ui.values[ 1 ] ); 
           },

           //if(i.values[ 0 ] < data-price < i.values[ 1 ]){
           //     show filtered element
           //} else { hide the rest }
        });
});

$（函数（）{
$（“#滑块”）.滑块({
范围：对，
分:0,，
最高：20000，
价值：[50020000]，
幻灯片：功能（事件、用户界面）{
$（“#price”）.val（“€”+ui.values[0]+“-€”+ui.values[1]）；
},
//如果（i.values[0]<数据价格

---

当我尝试在控制台中打印$（“.content”）时，我只看到第一个元素。

例如，您可以使用jQuery筛选函数

var min = 700;
var max = 1000;

$('.content').filter(function(){
  return $(this).data('price') < min || $(this).data('price') > max;
}).hide();

var最小值=700；
var max=1000；
$（'.content'）.filter（函数（）{
返回$（this）.data（'price'）max；
}).hide（）；

你能发布你的（最小值/代码）的演示来重现问题吗？我想知道你的代码是如何工作的。这行代码在JS中是完全无效的：

如果（I.values[0]

这只是为了表明我的想法，我想如何做，不是一个好主意code@hindmost是我的错，我评论了