javascript - 通过 Javascript 轻松更改工具提示内容

Question

您能帮我通过 Javascript 动态更改 Easy Tooltip 的内容吗？我几乎尝试了一切：

document.getElementById('easy_tooltip').innerHTML(tooltipContent);
$("#easy_tooltip").html(tooltipContent);
$("#easy_tooltip").content(tooltipContent);

但它不起作用。我无法访问该元素的内容。

该示例可在此处找到。

谢谢你。

Answer 1

这个插件的构建方式是使用title你元素的属性，所以你可以像这样更新你的 HTML 代码：

<a href="#" id="tooltip-1" class="tooltip" title="Tooltip 1">Tooltip 1</a>
<br />
<a href="#" id="tooltip-2" class="tooltip" title="Tooltip 2">Tooltip 2</a>

（见这个小提琴）

如果您需要动态内容，您可以随时使用 jQuery 修改此属性：

$("#tooltip-1").attr("title", "mycontent");