how to format variable with jquery Mask

Question

People use the plugin jQuery Mask Plugin v1.13.4

I have a div where I report a value as follows:

$('#v_pg').text('PAGA R$ ' + valor_pago);

Use Jquery to update the value inside the div. But I wanted it to be formatted by Mask as follows:

$('').mask('00.000.000,00', {
    reverse: true
});

Does anyone know if there’s a way to do it? Or if there’s another way?

Answer 1

In his div, try to separate the content you want to put static text mask.

Something like that:

<div id="#v_pg">
   PAGA R$ <span class="valor_pago"></span>
</div>

Finally, you can put the mask as follows:

$('.valor_pago').mask('00.000.000,00', {
    reverse: true
});

Should work.

Another alternative is to use the attribute data-mask in the element. I have never particularly tested with elements other than inputs but theoretically it should work:

<div id="#v_pg">
   PAGA R$ <span class="valor_pago" data-mask="00.000.000,00"></span>
</div>

If you have questions, you can ask in the comments.