jQuery reemplazar texto de elemento en vuelo estacionario


Answers

Esto debería funcionar

$(function(){
  var prev;    

  $('.btn').hover(function(){
  prev = $(this).text();
      $(this).text("I'm replaced!");
  }, function(){
      $(this).text(prev)
  });
})
Question

Con jQuery, estoy tratando de reemplazar el texto, incluido el lapso, dentro de estos enlaces al pasar el mouse. Luego, cuando el control deslizante del usuario está desactivado, el texto original se muestra de nuevo.

<a class="btn" href="#">
    <img src="#" alt=""/>
    <span>Replace me</span> please
</a>

<a class="btn" href="#">
    <img src="#" alt=""/>
    <span>Replace me</span> please
</a>

El resultado final debe ser

<a class="btn" href="#">
    <img src="#" alt=""/>
    I'm replaced!
</a>

Estoy jugando con pero no estoy seguro de cómo volver a colocarlo. ¿Algunas ideas?

$('.btn').hover(function(){
    $(this).text("I'm replaced!");
});



$('.btn').hover(function() {
    // store $(this).text() in a variable     
    $(this).text("I'm replaced!");
},
function() {
    // assign it back here
});





Links