如何删除工具提示但保留“标题”属性值

【问题标题】：How to remove tooltip but keep the 'title' attribute value如何删除工具提示但保留“标题”属性值
【发布时间】：2015-12-20 11:53:05
【问题描述】：

<a href="this is tooltip" title="This is a test">Test</a>

有没有办法在将鼠标悬停在a 元素上时删除工具提示但仍保留标题属性值？

【问题讨论】：

标签： html css

【解决方案1】：

title 属性的全部目的是保存工具提示的文本，以便更好地访问；它是每个现代浏览器的内置功能。

如果您不想要工具提示功能，请不要使用title 属性。您也可以使用data attributes 将文本值附加到任何元素，然后像这样检索它：

HTML

<a href="http://google.com" data-title="This is a test">Test</a>

$('a').data('title'); // "This is a test";

【讨论】：

【解决方案2】：

如果您想避开工具提示，则不应使用标题，因为它是为这种用途而设计的。

但是，如果您将其用于内容优化，我建议您开始在 HTML5 代码中使用微数据。

但是，您可以使用 JavaScript 和 CSS 创建一个简单的 hack，将数据保存在您的代码中，但不会显示链接的标题。 Example

【讨论】：