JSFiddle - React, Tailwind, and code Playground

HTML

<span>Price from: </span><span id="price"></span><span> $</span>
<input type="range" min="0" max="5000" value="0" id="range"/>
          
<div id="main">
  <section>
    <div class="content">
      <p>Current trade: <span id="data">41,99</span> $ on the market</p>
    </div>
  </section>

  <section>
    <div class="content">
      <p>Current trade: <span id="data">362,37</span> $ on the market</p>
    </div>
  </section>

  <section>
    <div class="content">
      <p>Current trade: <span id="data">789,64</span> $ on the market</p>
    </div>
  </section>
</div>

JavaScript

var slider = document.getElementById("range");
var rdata = document.getElementById("price");
rdata.innerHTML = slider.value;

slider.oninput = function() {
	rdata.innerHTML = this.value;
}

$( document ).ready( function() {
	 $( '#range' ).on( 'change', function() {
     var rdata = $( this ).val();
     $( '#main .content span' ).each( function () {
        if( parseInt( $( this ).text().replace( /\D/g, '' ) ) < rdata ) {
            $( this ).closest( 'section' ).hide();
        } else {
        		$( this ).closest( 'section' ).show();
        }
     } );
   
   } );   
} );