Tengo un botón donde cuando se hace clic quiero que el texto cambie a otra cosa ahora el problema es que el botón tiene la misma clase y todo como los otros botones en la página que se generará dinámicamente ya que está dentro de un foreach
¿Cómo puedo apuntar solo al botón en el que hago clic para cambiar el texto? Tengo diferentes valores para cada botón. ¿Puedo usar eso?
<label class="more-information" value="{I call a data id with php}"> <span class="more-info-text">Default text</span> </label> $('.more-information').on('click', function () { $(this).toggleClass('active'); $(this).hasClass('active') ? $(".more-info-text").text('Default Text') : $(".more-info-text").text('Changed Text'); });Esto es lo que estoy usando actualmente y cambia el texto de todos los botones solo cuando se hace clic en un botón
$('.more-information').on('click', function () { $(this).toggleClass('active'); $(this).hasClass('active') ? $(this).find(".more-info-text").text('Default Text') : $(this).find(".more-info-text").text('Changed Text'); }); $(this).find(".more-info-text") encontrará la etiqueta exacta para usted al hacer clic.