替换div html就像切换一样

Question

我有一个div,我想在悬停时替换它的html,但是在悬停后我想要将它替换回它以前的html.(比如切换...)

码:

<div class="container">
    <div class="inner first">Hello</div>
    <div class="inner second">And</div>
    <div class="inner third">Goodbye</div>
</div>

我试试这个

$(".inner").mouseover(function() {
    var tmpX = $(this).html();
    $(this).html("xxxxxxxxxxxx");
}).mouseout(function() {
    $(this).html(tmp);
});

谢谢

Answer 1

您需要将tmpX变量设置为全局变量

var tmpX;
$(".inner").mouseover(function() {
    tmpX = $(this).html();
    $(this).html("xxxxxxxxxxxx");
}).mouseout(function() {
    $(this).html(tmpX);
});

小提琴