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

Question

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

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

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

可以找到示例here。

谢谢。

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>

（见this fiddle）

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

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