javascript - 通过Javascript设置Bootstrap工具提示的内容

Question

我已在表格单元格中添加了工具提示。我是这样做的:

<td data-container="body" data-toggle="tooltip" data-html="true" data-original-title="10.5">10.5</td>

<script type="text/javascript">
      $(document).ready(function(){
        $(".table td").tooltip();   
      });
</script>

到目前为止，我没有遇到任何问题。现在，我想改变它的工作方式。我有两本从数字到文本翻译的词典。

dic1 = {'0':'zero','1':'one','2':'two','3':'three'....}
dic2 = {'0.25':'a quarter','0.5':'half',....}

表中的数字是标准的，所以字典里没有我没有的东西。 我想将工具提示的标题更改为:一半 (1.5) 而不是 1.5。拆分数字并从一个​​词典中获取文本，从另一个词典中获取文本，然后将它们组合起来。

仅添加工具提示很容易，但现在我认为我已经很累了。

Answer 1

我还没有测试过，但类似的东西应该可以工作。

$('.table td').each(function () {
    var title = $(this).attr('data-original-title').split('.');
    $(this).attr('data-original-title', dic1[title[0]] + ' ' +
        dic2['0.' + title[1]] + ' (' + title[0] + '.' + title[1] + ')');
});