JSFiddle - React, Tailwind, and code Playground

HTML

<div class="Container">
    <div class="Thumb-Produto">
        <img src="http://www.oqvestir.com.br/Imagens/produtos/85/00048785/00048785_Vitrine.jpg" />
        <div class="Thumb-Preco">
            <span class="Moeda-Preco">R$</span>
            <span class="Texto-Preco">50,00</span>
        </div>
    </div>
</div>
    
<div class="Container">
    <div class="Thumb-Produto">
        <img src="http://www.oqvestir.com.br/Imagens/produtos/23/00054123/00054123_Vitrine.jpg" />
        <div class="Thumb-Preco">
            <span class="Moeda-Preco">R$</span>
            <span class="Texto-Preco">150,00</span>
        </div>
    </div>
</div>
<form>
    <INPUT CLASS="FILTRO" TYPE="RADIO" NAME="OPCAO" VALUE="OP1" />R$ 0,00 - 100,00
    <INPUT CLASS="FILTRO" TYPE="RADIO" NAME="OPCAO" VALUE="OP2" />R$ 100,00 - 150,00
    <INPUT CLASS="FILTRO" TYPE="RADIO" NAME="OPCAO" VALUE="OP3" />R$ 150,00 - 200,00
</form>

JavaScript

$('input[type=radio]').on('click', function(e) {
    var $this = $(this);
    
    var filtroMin, filtroMax;
    
    // Pegando o texto e quebrando
    var proximoTexto = $this.get(0).nextSibling.nodeValue.trim();
    var faixaPreco = proximoTexto.substring("R$ ".length);
    var precos = faixaPreco.split(' - ');
    
    filtroMin = parseFloat(precos[0].replace(',','.'));
    filtroMax = parseFloat(precos[1].replace(',', '.'));
    
    $('.Container').each(function(i, e) {
        var $container = $(this);
        var $textoPreco = $('.Texto-Preco', $container);
        var valor = $textoPreco.html() || $textoPreco.text() || $textoPreco.val();
        
        var valorFloat = parseFloat(valor.replace(',', '.'));
        
        if(valorFloat >= filtroMin && valorFloat <= filtroMax) {
            $container.css('border', '5px solid red');
        } else {
            $container.css('border', '');
        }
    });
});