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

时间:2015-12-24 07:54:28

标签: javascript jquery css tooltip

在我的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

我想替换名为的类名称:&#34; context-menu-1 &#34;使用文本&#34; 工具提示为cell1 &#34;。

1 个答案:

答案 0 :(得分:0)

您可以使用键和值对创建一个json文件,其中cell id为key,工具提示文本为value。 例如,

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

现在你可以在javascript中解析这个json文件并找到带有相应键的值。