javascript - 从外部文件读取的工具提示文本

Question

在我的 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 个其他 div。我的外部文件名为 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”。

Answer 1

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

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

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