从外部文件读取的工具提示文本答案

【问题标题】：Tooltip text read from external file从外部文件读取的工具提示文本
【发布时间】：2015-12-24 16:16:36
【问题描述】：

在我的 php 网站中，我有一个包含 100 行的表格，对于每个单元格，我需要单独的工具提示。所以我有一个文本文件，其中包含每个单元格的一组文本。

我想从外部文件中读取文本并将其作为每个单元格的工具提示。

你能指导我解决这个问题吗？

<div class="divClass1" id="idClass1" > 
    <span  title="My tip"  class="context-menu-1">673</span>
    <span  title="My tip"  class="context-menu-2">674</span>
    <span  title="My tip"  class="context-menu-3">675</span>
    <span  title="My tip"  class="context-menu-4">676</span>
    <span  title="My tip"  class="context-menu-5">677</span>
    <span  title="My tip"  class="context-menu-6">678</span>
    <span  title="My tip"  class="context-menu-7">679</span>
</div>

这是 div 之一，像这样还有 100 个。我的外部文件名为 dependecy.txt，它的数据类似于

1   tooltip for cell1
2   tooltip for cell2
3   tooltip for cell3
4   tooltip for cell4
5   tooltip for cell5
6   tooltip for cell6

等

我想将名为“context-menu-1”的类的标题替换为文本“tooltip for cell1”。

【问题讨论】：

标签： javascript jquery css tooltip

【解决方案1】：

您可以创建一个包含键值对的 json 文件，其中单元格 id 将是键，工具提示文本将是值。例如，

{
   "toolTipInfo":{"cell1" : "tool tip text 1"},
                 {"cell2" : "tool tip text 2"},
                  . . .
                 {"cell100" : "tool tip text 100"}
}

现在您可以在 javascript 中解析这个 json 文件并使用相应的键查找值。

【讨论】：