entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

0voto

como guardo el texto de un elemento con jquery ?

hola comunidad buenos días,
quisiera saber si me puede ayudar con este problema que tengo,
necesito guardar el texto de un elemento cuando pasa el hover sobre el el mismo y cambiarle en texto y al quitar el hover restaurar el texto que tenia.
mi problema es que estoy guardando el texto cuando pasa el hover y cuando quiero restaurarlo no me toma la variable por que la estoy declarando cuando entra el hover y no cuando sale, no se si me explique bien de todas maneras dejo el ejemplo aquí

http://jsfiddle.net/kiokotzu/ut5TV/

de ante mano gracias

0voto

kiokotzu comentado

hola gracias Leonardo Tadei gracias a tu ayuda pude realizar lo pero sin "id's" para que el script sea funcional en donde los botones sean administrable

les dejo la solución

http://jsfiddle.net/kiokotzu/Kq9pM/

Saludos

2 Respuestas

1voto

kiokotzu Puntos1960

hola gracias Leonardo Tadei gracias a tu ayuda pude realizar lo pero sin "id's" para que el script sea funcional en donde los botones sean administrable

les dejo la solución

http://jsfiddle.net/kiokotzu/Kq9pM/

Saludos

1voto

Leonardo-Tadei comentado

Hola Estaban,

yo prefiero la versión con los ID, porque así podés decidir qué texto poner como reemplazo en cada botón con un switch(), en vez de reemplazar por siempre el mismo texto.

Saludos!

3votos

Leonardo-Tadei Puntos227320

Hola Esteban,

no te funciona por un problema de ámbito de las variables. Corrigiendo eso queda un efecto curioso, porque te refieres a los botones por su tipo, y la función texto = $('button').text(); contiene los textos de los dos botones, y no solo el del que recibe el hover.

Quedaría así el HTML:

<button id="b1">hola</button>
<button id="b2">esteban</button>

y así el JavaScript:

var texto = ''; // variable declarada fuera de la función, por lo que su ámbito es global.
$(document).ready(function(){
    $('button').hover(function() {
      texto = $('#b1').text();
     $(this).text('Registrese');
    }, function() {
       $(this).text(texto);
    }); 
});

y con un condicional deberías identificar cuál de los dos elementos es el que vas a cambiar, porque estos solo funciona para el botón con id="b1".

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta