javascript - 在当前工具提示文本 JQuery 旁边 append 或添加新文本

标签 javascript jquery html append jquery-tooltip

我想知道是否可以在工具提示上已有的现有文本旁边添加新文本或将文本 append 到工具提示上。

例如,我有一个包含工具提示文本的 div 标签,如下所示;

<div id="myDiv1" class="myDiv" title="This is Tooltip">body text </div>

如上所示,当前的工具提示文本为:This is Tooltip

我想做的是使用jquery,应用/添加更多文本。例如,

This is toopltip for myDiv1

我已经尝试过,但这些似乎不起作用,并且大多数不会返回任何内容,有些返回未定义,请帮忙;

$('#myDiv1').attr("title",  $('#myDiv1').tooltip + "" + "\nSome new text to append");
$('#myDiv1').prop("tooltipText",  $('#myDiv1').tooltipText + "" + "\nSome new text to append");
$('#myDiv1').attr("data-original-title",  $('#myDiv1').tooltipText + "" + "\nSome new text to append");

欢迎任何帮助:)

最佳答案

尝试使用.attr()callBack函数来完成你的任务,

$('#myDiv1').attr("title", function(_ , currentAttr){
  return currentAttr + "your text";
});

关于javascript - 在当前工具提示文本 JQuery 旁边 append 或添加新文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35871296/

相关文章:

html - 将进度条 Bootstrap 4(居中值)与按钮对齐

html - 容器和底部位置不正确

javascript - 我可以更改 MVC 中 Kendo UI 网格的工具提示默认操作吗?

javascript - 音频播放完毕后如何停用 IE 中的播放按钮?

javascript - ngFocus 在 AngularJS 中不起作用

javascript - 在 rails 中使用 link_to 呈现部分 onclick 时返回错误 ActionController::UnknownFormat

Javascript | HTML Canvas 错误

javascript - 与 Logo 相邻的链接

javascript - 如何在插件脚本之外调用 jquery 插件函数

javascript - 如何使用 jquery 区分桌面浏览器尺寸 1024px 和平板电脑尺寸 1024px