如何在鼠标悬停时动态向标题添加文本

How to dynamically add text to title when mouse is over?

本文关键字：标题 添加 文本 动态 鼠标 悬停      更新时间：2023-09-26

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

解释：

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

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

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

演示

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

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

可能您正在寻找悬停 Jquery 函数

您可以使用 CSS 伪元素

.myDiv {
//whatever
}
.myDiv:hover:after {
  content: "some added text";
  display: inline-block;
}
相关文章：