根据元素的类显示工具提示文本

Question

我在span元素中包含了一些带有“tooltipX”类的单词，其中“X”是一个数字。该数字随着数组“数据”而增长，该数据包含工具提示的描述。如何显示正确元素的描述？我希望像下面的代码，但我不知道如何循环它。

$( document ).tooltip({
items: ".tooltip"+X+"",
content: Data[X].desc
});

JSFiddle

Answer 1

您可以扩展课程并将其全部选中，而不是使用特定的课程。此外，使用data-*属性存储用于工具提示的Data索引。因此，请更改HTML以符合以下条件：

<span class="tooltip" data-tooltip-index="0">

（显然改变了每个范围的data-tooltip-index值）

此外，您可以传递函数，而不是将字符串传递给content，并让它从{{1}动态返回特定项目} 你要的那个。每次需要显示工具提示时都会执行此函数，并使用返回的值作为其内容。在此函数中，您将获得元素的Data值（使用data-tooltip-index），并从this获取相应的数组值。因此，将您的JavaScript更改为：

Data

DEMO

---

<强>参考文献：

• Tooltip content option
• data-* attributes
• jQuery.attr