Actualmente tengo este fragmento de código que busca una determinada clase y agrega el texto CANTIDAD dentro de la clase. Tengo que hacerlo de esta manera ya que no tengo acceso al código HTML base para esta parte del sitio, sino que puedo hacerlo a través del acceso JS.
El código actual que tengo corriendo es el siguiente:
$('.cart-product-qty').each(function() { $(this).prepend("QTY: "); });Pero el problema con el que me acabo de encontrar es que cuando se realizan ciertas funciones en el carrito de compras, no se actualiza, por lo que termina descartando el texto QTY. ¿Hay otro método para que lo mantenga allí continuamente incluso si la página se "refresca"?
Escuche el div principal debajo de los productos que se enumerarán. Entonces, cada vez que cambia el contenido, puede activar su función.
El evento DOMSubtreeModified podría ser útil.
var element = document.getElementById('div'); element.addEventListener('DOMSubtreeModified', updateQtyText); function updateQtyText(e) { $('.cart-product-qty').each(function() { $(this).prepend("QTY: "); }); }Referencia: disparar una llamada cuando cambia el HTML interno .
esto podría ayudar