删除.append onmouseout jQuery

Question

当有人将鼠标移到我的博客文章标题上时，我正在尝试添加“阅读更多”文本。我试过使用$(".blogpost").mouseover(function(){ $(this).append(" - read more..."); });，但我不知道如何删除read more...onmouseout时。

Answer 1

在范围内添加阅读更多内容，并在鼠标输出时删除范围

在span中添加read more。

$(".blogpost").mouseover(function(){ $(this).append("<span id="read" - read more..."></span>); });

删除添加的span及其在本例中读取的id。

$(".blogpost").mouseout(function(){ $('#read').remove(); });

Answer 2

正确的方法是在HTML中已经有额外的文本，并使用CSS :hover属性来隐藏和显示文本。使用javascript会增加不必要的复杂性和脆弱性。

Answer 3

你也可以试试这个：

$(".blogpost").mouseout(function(){ 
    $(this).html("");
});

假设你没有子元素。