Tengo algunos elementos de texto en la página asociados con la clase .currency-text . Quiero formatear el valor de estos elementos con comas de 3 dígitos separados.
Ya he creado una función llamada formatText() para dar formato al texto.
function formatText(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } ¿Cómo atravieso el documento y formateo todos los elementos de texto que tienen la clase .currency-text . Soy nuevo en la manipulación de DOM y no sé cuál es la forma eficiente de hacerlo.
Según tengo entendido, puede encontrar todos los elementos asociados con esa clase .currency-text e iterar en esa lista devuelta. Algo es como:
let elements = $(document).find('.currency-text'); elements.each((e) => { e.innerText = formatText(e.innerText); });Tome los elementos con querySelectorAll y luego itere sobre ellos aplicando el texto formateado a cada elemento.
const elements = document.querySelectorAll('.currency-text'); elements.forEach(el => { el.textContent = formatText(el.textContent); });