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

Question

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

例如，我有一个包含工具提示文本的 div 标签；

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

如上图，当前tooltip文本为: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");

欢迎任何帮助:)

Answer 1

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

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