javascript - 鼠标悬停时如何在标题中动态添加文本？

Question

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

解释：

添加到 html 新随机文本内的硬编码标题。

Answer 1

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

可能您正在寻找Hover Jquery 函数

Answer 2

您可以使用 CSS 伪元素

.myDiv {
//whatever
}

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

Answer 3

如果你的意思是title属性。您可以通过这种方式动态更改它：

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

演示

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