javascript - jquery简单交换p元素？

Question

给定一个 p 元素，如下所示: <p>Something</p>我想，当用户将鼠标悬停在它上面时，我们有 <p><a href="blabla.org">go here</a></p>

悬停后如果鼠标离开p区域，则返回上一层: <p>Something</p>状态。

能给我一个类似的简单例子吗？

非常感谢， 内存管理

Answer 1

或者对 Ken Redler 的原始版本进行简单修改，使用 .data() 来跟踪事物:

$('p#someID').hover( 
    function() {
        var $this = $(this);
        $this.data('orig', $this.html()).html('<a href="blabla.org">go here</a>');
    },
    function() {
        var $this = $(this);
        $this.html($this.data('orig')).removeData('orig');
    }
);

http://www.jsfiddle.net/ambiguous/FhET2/1/