tenho a seguinte estrutura:
<div class="product-price">
R$ 140,00
</div>
<div class="product-price">
R$ 165,30
</div>
<div class="product-price">
R$ 12,55
</div>
<div class="product-price">
R$ 25,22
</div>
Entre outros valores que seguem a mesma estrutura. Porém, preciso preciso fazer uma função js para que se o valor do produto for menor que R$30, eu não poderei mostrar o número de parcelas para este produto. Se for maior que R$30, eu mostro o número de parcelas.
Minha estrutura js é esta:
function calculaParcelaHome(){
var regex = /\d+,\d+/g;
var texto = $(".product-price").text(); // pega o conteúdo da div Preco Avista no arquivo products.tpl
var valor = regex.exec(texto); //converte a string para int
var insereValor = parseFloat(valor.join("").replace(",",".")); // converte o valor para Float.
console.log(insereValor);
if (insereValor >= 30) {
$('.parcelas-produtos').css('display','block');
console.log("Valor maior que 30");
}else{
$('.parcelas-produtos').css('display','none');
console.log("Valor menor que 30");
}
}
Só que na minha função, só consigo fazer a operação para a primeira Div, e não para as demais.
Esta é a estrutura das minhas parcelas:
<span class="parcelas-produtos">
{l s='3 x de'}
{if !$priceDisplay}{convertPrice price=$product.price /3}{else}{convertPrice price=$product.price_tax_exc}{/if}
</span>
Como poderia fazer esta lógica para as demais?