jquery - Jquery 如何在此 span 元素上显示工具提示？

Question

我被要求编辑一个不是我创建的网页，我试图理解其中的一些代码。我有一个包含跨度的列表项。跨度只有一个类属性，没有替代文本或标题。

<span class="ui-icon ui-icon-info"></span>

ui-icon 和 ui-icon-info 类来自 JqueryUI。它们将信息图标显示为跨度的背景图像。我没有看到关于 css 的任何其他特别之处:

.ui-icon-info { background-position: -16px -144px; }
.ui-icon { width: 16px; height: 16px; background-image: url(ui-icons_72a7cf_256x240.png); }
.ui-icon { text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

当用户将鼠标悬停在图标上时，它会显示一个 div 作为工具提示:

<div class="tooltip" style="position: absolute; top: 661px; left: 710px; opacity: 0.8; display: none;">Some Tooltip Text</div>

工具提示的 css 看起来也没什么特别的。只是一些格式化信息。 列表中有几个这样的 span 元素，我不知道它是如何选择正确的 div 显示在工具提示中的。有人可以告诉我 Jquery 如何选择正确的 div 来显示 span 元素的工具提示吗？

Answer 1

有一个名为 loadReportFunctions() 的函数，它执行 ajax 请求并调用函数 formatLinks(links) 。它在那里使用 span.ui-icon 元素的属性。