我想知道是否可以在工具提示上已有的现有文本旁边添加新文本或将文本附加到现有文本中。
例如,我有一个包含类似工具提示文本的div 标签;
<div id="myDiv1" class="myDiv" title="This is Tooltip">body text </div>
如上所示,当前工具提示文本为:This is Tooltip
我想做的是使用 jquery,appned/添加更多文本。例如
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";
});
我会这样做:
$('#test').attr('title', $('#test').attr('title') + 'nworld');
参见 jsfiddle。
我想补充一点,如果你使用一个函数,它会给你当前元素作为上下文,这可能非常有用:
$('#test').attr('title', function() {
console.log($(this).attr('title'));
});
var currentVal = $('#myDiv1').attr('title');
$('#myDiv1').attr('title', currentVal + ' potatoe');
fiddle:https://jsfiddle.net/jdz5yz6k/
就是这么简单,首先我们需要获取这个div的当前标题。之后,我们必须附加一些带有此标题的文本。
这是 Jsfiddle 示例
<div id="myDiv1" class="myDiv" title="This is Tooltip">body text </div>
那么Jquery代码是:
$(document).ready(function(){
$(".myDiv").hover(function(e){
$(this).attr('title',$(this).attr('title')+"This is new text that will be added");
});
})