Question

如果某个span有标题并且鼠标位于其上，则隐藏原始内容并将其替换为intitlecontent。但onmouseout再次回馈并显示原始内容。脚本的第一部分运行良好，但如何隐藏显示的intitlecontent并取回原始内容？

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

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

Answer 1

$('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"));
  }
);

Answer 2

将原始内容存储在$.data：

中

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

Onmouseover获得冠军头衔。并用它替换原始内容，重置onmouseout

2 个答案: