2

Tengo una duda con el siguiente script: no me devuelve la igualdad. Esperaría ver un mensaje “face 2” en la consola pero no entra en el if. A continuación dejo el script para menos palabras:

$(document).ready(function(){
  $("button").on("click", function cambiar(){
    if($(this).html()=="on"){
      console.log("face 2");
      //la consola no me devuelve face 2 
    }
  })
});
<button>
  on
</button>

2

1 respuesta 1

1

Te saludo y te comento lo siguiente tu código ya lo probé y es funcional, seguramente te hacía falta la invocación a la librería de JQuery justo antes de tu script personalizado; te dejo este ejemplo totalmente funcional

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <button>on</button>
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script>
  $(document).ready(function(){
			$("button").on("click", function cambiar(){
				if($(this).text()=="on"){
				console.log("face 2");
				}
			})
    });
</script>
</body>
</html>

Una recomendación mas

Te recomiendo que en vez de html() uses el método .text() que ayuda a obtener una cadena de texto del nodo del DOM que estes consultando; te dejo la fuente oficial de la documentación de JQuery sobre lo que te menciono

http://api.jquery.com/text/

1
  • Gracias! lo que pasaba con el código era que tenía espacio entre las etiquetas <button> on </button>.Te dejo mi código final. Gracias de antemano por cualquier comentaro adicional : $(document).ready(function(){ $("button").on("click", function(e){ event.preventDefault(); if($(this).text()=="inglés"){ $(this).text("español") $(".textoespanol").css({"display":"none"}); $(".textoIngles").fadeIn( 1000 ); } else { $(this).text("inglés"); $(".textoIngles").css({"display":"none"}); $(".textoespanol").fadeIn(1000); } }) })
    – jofret
    el 8 ago. 2018 a las 5:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.