jQuery function does not work inside if

Question

I have the following code:

function formataPorcentuaisMensais(){
    var cancelamento = $("#cancelamentoMes").text().replace('%','');
    var aproveitamento = $("#aproveitamentoMes").text().replace('%','');
    var primCompras = $("#primComprasMes").text().replace('%','');
    var juros = $("#jurosMes").text().replace('%','');
    var seguros = $("#segurosMes").text().replace('%','');

    if(cancelamento >= 4 && cancelamento <= 6){
        cancelamento.css({'background-color': 'yellow', 'color': 'black'});
    }
}

$(function(){
formataPorcentuaisMensais();
});

Apparently correct but says the function cancelamento.css is not a function, someone knows what can be?

*I have jquery loaded; **All variables are working.

Thank you!

Answer 1

When executing this line:

var cancelamento = $("#cancelamentoMes").text().replace('%','');

The cancel variable receives the #cancel Mes element, picks up its text and swaps all % for nothing, through the replace function. So cancellation is a string, you can be sure of it if you use a console.log(cancelamento);.

When using cancelamento.css() you are calling the css function, but this function is not a string function. The correct one would be: $("#cancelamentoMes").css();

Your if would look like this:

if(cancelamento >= 4 && cancelamento <= 6){
    $("#cancelamentoMes").css({'background-color': 'yellow', 'color': 'black'});
}