Round function does not work with infinite scroll

Question

I used following Javascript function to round up discount values presented in my store:

function limparClasse(classe) {
    var elementos = document.querySelectorAll('.' + classe);
    for (var i = 0; i < elementos.length; i++) {
        var elemento = elementos[i];
        var string = elemento.innerHTML;
        var novaString = string.split('%');
        var arredondamento = parseInt(novaString[0], 10);
        var resultado = arredondamento + '%' + novaString[1];
        elemento.innerHTML = resultado;
    }
}


limparClasse('vtex-cpShow');

It worked, but only on products that were initially loaded.

How my website has scroll infinite, when we scroll the mouse and load the next products of the page, the script does not round up product values.

How should I proceed to adjust my rounding function and start calling the function every time I load a product and not every time I load a page?