Onmouseoverはタイトルattrをつかむ。元のコンテンツを元のコンテンツに置き換えてください。リセットonmouseout

Question

スパンにタイトルがあり、その上にマウスがある場合は、元のコンテンツを非表示にして、それをintitlecontentに置き換えます。しかし、onmouseout元の内容を戻って表示してください。スクリプトの最初の部分はうまくいくが、明らかにされたintitlecontentを隠して元の内容に戻す方法は？

<span title="intitlecontent">originalcontent</span> 

    $('span[title]').hover (
    function() { 
     $(this).text (function() {return $(this).attr('title');}) 
    }, 
    function() { 
     $(this). ???; 
    } 
); 

Answer 1

ストア$.dataでオリジナルのコンテンツ：

$('span[title]').hover(
    function() { 
     $(this).data('text', $(this).text()) 
       .text($(this).attr('title')); 
    }, 
    function() { 
     $(this).text($(this).data('text')); 
    } 
); 

Answer 2

$('span[title]').hover (
    function() { 
    var elem = $(this); 
    elem.data("orgText", elem.text()); 
    elem.text(elem.prop('title')); 
    }, 
    function() { 
    var elem = $(this); 
    elem.text(elem.data("orgText")); 
    } 
);