【发布时间】：2014-03-21 18:07:17
【问题描述】：
有人要求我编辑一个不是我创建的网页，我正在尝试理解其中的一些代码。我有一个包含跨度的列表项。跨度只有一个类属性，没有替代文本或标题。
<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 元素的工具提示？
【问题讨论】：
-
我认为 Javascript 是你缺少的链接
-
div 已经在 DOM 中了吗？在哪里？
-
你能给我们展示一些 HTML a Fiddle 或实际页面吗？
-
这里是实际页面：usda.gov/energy/maps/html/resources.htm tooltip div 已经在 dom 中并显示为隐藏。
-
@Alon 为什么投反对票？