jquery - 返回到使用 .text() 之前

Question

悬停时内容被替换，但是当鼠标离开元素时我希望它变回来。我该怎么做？

$('.img-wrap').hover(function(){
      $(this).find('h4').text('Go to site');
    });    

Answer 1

您需要在第一个回调中将原始文本存储在$.data中，然后在第二个回调中读取它。

例如:

$('.img-wrap').hover(function(){
    var h4 = $(this).find('h4');
    h4.data('oldText', h4.text()).text('Go to site');
}, function() { 
     $(this).find('h4').text(function() { return $.data(this, "oldText"); });    
});