Question

使用 jQuery 时, 我正试图替换文本, 包括横线, 以在这些盘旋的链接中。当用户盘旋时, 原始文本将再次显示。

<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>

最终产出应当是:

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

我到处玩,但不知道怎么换回来,有什么想法吗?

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

Answer 1

$( .btn ).hover(
    function() {
        var $this = $(this); // caching $(this)
        $this.data( defaultText , $this.text());
        $this.text("I m replaced!");
    },
    function() {
        var $this = $(this); // caching $(this)
        $this.text($this.data( defaultText ));
    }
);

您可以在节点本身存储的 data- defaultText 属性中保存原始文本,以避免变量

Answer 2

这应该能做这个把戏

$(function(){
  var prev;    

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

Answer 3

将其它函数添加到悬停事件上 :

$( .btn ).hover(function(){
    $(this).text("I m replaced!");
}, function() {
    $(this).text("Replace me please");
});

< a href=" "http://jsfiddle.net/3JDZs/" rel=" no follow" >Link 用于演示

Answer 4

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

Answer 5

您需要将其存储在一个变量中, 才能将其恢复到原来的状态, 尝试 :

var text;

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

友情链接