javascript - 如何使用 jQuery 或 JavaScript 过滤掉超出范围的结果

Question

<input type="range" name="rangeInput" min="100000" max="750000" onchange="updateTextInput(this.value);">

这是我的 slider 代码，输出的值低于

<div id="sliderValue">
<p>Max Value £</p>
<input type="text" id="textInput" value="">
</div>

该值由以下JS控制

function updateTextInput(val) {
document.getElementById('textInput').value=val;
}

我需要创建一个函数，当 .plot-price 大于 #sliderValue 中的值时隐藏以下代码块。

<div class="plot-item col-xs-12 four">
 <div class="plot-img">
  <img src="img/mobile/overview-img.jpg" class="img-border img-responsive">
 </div>
 <div class="plot-details">
  <h2 class="plot-location">Cornwall</h2>
  <p class="plot-number">Plot 5</p>
  <ul>
   <li class="bedrooms">4 bedrooms</li>
   <li  class="plot-price">255995</li>
   <li  class="plot-view"><a href="plot-page.html"> View Plot</a></li>
  </ul>
  <p class="plot-status">Sold</p>
 </div>
</div>

提前感谢您的任何帮助，并对任何格式/问题错误表示歉意(第一次)

Answer 1

我认为您正在寻找的是一个过滤页面，如果是的话请尝试

function updateTextInput(val) {
    $('#textInput').val(val);
    $('.plot-item').hide().filter(function () {
        return val >= +$(this).find('.plot-price').text()
    }).show();
}

演示:Fiddle