Javascript 动态更新Boostrap工具提示

我正在使用引导工具提示。我已经启用了工具提示html，允许我在

title

属性中使用html范围

动态更新范围中的值时遇到问题

请参见演示：

如果单击“更新工具提示”按钮，工具提示应更改为：

10x20

出了什么问题

jQuery：

  $(function() {
    $('[data-toggle="tooltip"]').tooltip({
      html: true
    });

    $('body').on('click', '.update', function() {
       $('.a').text(10);
       $('.b').text(20);
    });
  });

html

更新工具提示

更改

$（'body'）。在（'click'）上，…

更改为

$（'update'）。在（'click'）上，
函数（）{
$（'[data toggle=“tooltip”]'）。attr（'title'，'10 x 20'）；
})；

.a

和

.b

不是DOM中的元素。只有当您尝试将鼠标悬停在工具提示上时，才会创建它们

因此，与其更改，只需将

a

数据原始标题

更改为更新后的文本即可

例如：

$('body').on('click', '.update', function() {
       $("a").attr("data-original-title", "<span class='a'>10</span> x <span class='b'>20</span>");
});

$（'body'）。在（'click'，'update'，function（）上{
$（“a”）.attr（“数据原始标题”，“10 x 20”）；
});

---

问题是工具提示文本不是HTML，它只是文本，因此jQuery找不到它。@DavidG啊，好的。请用可能的解决方案回答。祝你好运：）@SamBoHamdan不是真的，我需要在工具提示文本中找到选择器，你确定吗？发帖前你做过测试吗answer@I我会回来的，你说得对。我已经确定了我的答案/在我的情况下，我无法重写整个span块。可能获取数据原始标题字符串并转换为dom，然后查找

$（dom）.text（10）？我能知道你为什么不能得到那个跨度吗？我怀疑你所建议的方法不会起作用，就像我的意思一样——它还不能起作用。无论如何，你正在访问和编写它。那么为什么要保留跨度而不是完全覆盖它呢。类似于提琴的东西。我不知道这是不是真的@我会回来的
$('body').on('click', '.update', function() {
       $("a").attr("data-original-title", "<span class='a'>10</span> x <span class='b'>20</span>");
});