Cambio de texto

zreep · #1 (**permalink**) 09/06/2016, 08:07

Hola a todos. Queria saber como puedo hacer para terminar este scritp:

Código:

<script>
$(document).ready(function(){
    $("button").click(function(){
        $(".en").toggleClass("es");
    });
});
</script>

Lo que quiero hacer es cambiar un texto por otro. La idea es cambiar ingles por español, en el mismo div o p. Estoy usando la funcion .toggleClass, pero no puedo hacer que funciones.

Espero me ayuden. Gracias

peperafa · #2 (**permalink**) 13/06/2016, 15:40

Que tal hermano checa esto:

Cita:

//estilos
.es {
color: blue;
}
.en{
color: green;
}

//JQuery 1.12.2
$(document).ready(function(){
$("button").click(function(){
if ($("div").hasClass('en')){
$( ".en" ).removeClass( "en" ).addClass( "es" );
var elemento = $('.es')
elemento.html('Veo la vida en ángulos, en líneas de perspectiva - el lento girar de una cabeza, el abrir y cerrar de un ojo, sutiles destellos de magia – a otra gente puede no importarle.');
}else{
$( ".es" ).removeClass( "es" ).addClass( "en" );
var elemento = $('.en')
elemento.html('I see life in angles, in lines of perspective – the slow turn of a head, the blink of an eye, subtle glimpses of magic – other folk might pass by.');
}
});
});

//html
<body>

<div class="en">I see life in angles, in lines of perspective – the slow turn of a head, the blink of an eye, subtle glimpses of magic – other folk might pass by.</div>

<br>
<button>Traducir</button>

</body>