Доброго времени суток, есть кнопка

<button type="submit" id="renta-f"> ПОДОБРАТЬ</button>

и

<tr class="item-renta" data-price="1000" data-bti="100" style=""></tr>
<tr class="item-renta" data-price="1000" data-bti="150" style=""></tr>
<tr class="item-renta" data-price="1000" data-bti="175" style=""></tr>
<tr class="item-renta" data-price="2000" data-bti="200" style=""></tr>
<tr class="item-renta" data-price="3000" data-bti="300" style=""></tr>
<tr class="item-renta" data-price="4000" data-bti="400" style=""></tr>

каким образом мне скрыть при нажатии на кнопку tr у которых data-price между 1000 и 3000, а data-bt между 100 и 200?

Заранее благодарен!

на jQuery

$('#renta-f').click(function(e) {
    e.preventDefault();
    
    $('tr.item-renta').each(function() {
        var price = $(this).data('price');
        var bti = $(this).data('bti');

        if (price >= 1000 && price <= 3000 && bti >= 100 && bti <= 200) {
            $(this).hide();
        }
    });
});