Question

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

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

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

如上所示，当前工具提示文本为：This is Tooltip

我想要做的是使用jquery，appned /添加更多文本。例如，

This is toopltip for myDiv1

我已经尝试了，但这些似乎没有用，大多数都没有返回任何返回undefined，请帮忙;

$('#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

尝试使用callBack的{{1}}功能来完成您的任务，

.attr()

Answer 2

我会这样做：

$('#test').attr('title', $('#test').attr('title') + '\nworld');

See jsfiddle

我想补充一点，如果你使用一个函数，它会给你当前元素作为上下文，它真的很有用：

$('#test').attr('title', function() {
  console.log($(this).attr('title'));
});

Answer 3

var currentVal = $('#myDiv1').attr('title');
$('#myDiv1').attr('title', currentVal + ' potatoe');

小提琴：https://jsfiddle.net/jdz5yz6k/

Answer 4

这很简单，首先我们需要得到这个div的当前标题。之后，我们必须添加一些带有此标题的文本。

这是Jsfiddle示例

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

Then the Jquery Code is:

$(document).ready(function(){
$(".myDiv").hover(function(e){
    $(this).attr('title',$(this).attr('title')+"This is new text that will be added");
 });
 })

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

4 个答案: