如何在鼠标结束时动态添加文本到标题?

时间:2013-11-09 13:43:22

标签: javascript jquery

当我的鼠标指针结束时,我有多边形区域的地图,它们很多,并且每个区域都有标题。如何动态添加文本到标题? 我可以默认在显示之前获取标题并附加新文本吗?

说明:

在html新随机文本中添加硬编码标题。

3 个答案:

答案 0 :(得分:1)

$('.class_of_title').hover( function(){
   $(this).append('added title');
});

可能您正在寻找Hover Jquery Function

答案 1 :(得分:1)

您可以使用CSS伪元素

.myDiv {
//whatever
}

.myDiv:hover:after {
  content: "some added text";
  display: inline-block;
}

答案 2 :(得分:1)

如果您的意思是title属性。您可以通过以下方式动态更改它:

$('div').hover(function () {
    this.title = 'new title';
});

DEMO

但是,如果您在浏览器已经显示的情况下修改title,您会注意到工具提示消息不会更新。我尝试了不同的方法,包括用克隆元素(具有不同标题)交换当前元素并以编程方式触发鼠标事件,但似乎没有办法让它刷新。