Quiero agregar un número específico a un número en HTML div separado por comas, otra variación de esto. ¿Hay alguna forma de agregar un número separado en html usando regex y jquery?
Aquí está mi código de prueba:
<div id="ug-wb-break-word">150,452,032.32</div> <div id="ug-wb-break-word">455,666.67</div> <div id="ug-wb-break-word">977,435,787.992</div> var a=$('#ug-wb-break-word').text(); a=a.replace(/\,/g,''); a=parseInt(a,10) + 17000; console.log(a); $('#ug-wb-break-word').text(function(i, s) { return numberWithCommas(s.replace(/^[0-9,]*/g, a)); }); function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); }Obtengo el resultado deseado, pero solo para el primer div con un número.
la salida del código anterior es -
150,469,032.32 455,666.67 977,435,787.992Pero quiero agregarlo a cada número. ¿Hay alguna forma de realizarlo en una expresión regular? Como se menciona en el enlace de la pregunta anterior. Si no, ¿cuál es la mejor manera de hacerlo? Gracias de antemano.
Es mejor usar la clase, no la identificación, ya que la identificación debe ser única dentro del documento:
$('.ug-wb-break-word').text((i, s) => new Intl.NumberFormat().format(parseFloat(s.replaceAll(',',''))+1700)); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="ug-wb-break-word">150,452,032.32</div> <div class="ug-wb-break-word">455,666.67</div> <div class="ug-wb-break-word">977,435,787.992</div>