删除.append onmouseout jQuery

Question

当有人抓住我的博客帖子的标题时,我正在尝试添加"阅读更多"文本.我尝试使用 $(".blogpost").mouseover(function(){ $(this).append(" - read more..."); }); 但我不知道如何删除阅读更多...当onmouseout.

Answer 1

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

Answer 2

在跨度中添加阅读更多内容并在鼠标移出时删除该跨度

添加包含在跨度中的阅读更多内容。

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

删除添加的跨度及其在本例中读取的 ID。

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