在当前工具提示文本 JQuery 旁边追加或添加新文本
Appending or adding new text next to current tooltip text JQuery
我想知道是否可以在工具提示上已有的现有文本旁边添加新文本或将文本附加到现有文本中。
例如,我有一个包含类似工具提示文本的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");
});
})
相关文章:
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- jQuery在用新文本替换HTML文本时淡出HTML文本,而不是仅显示
- 在里面输入新文本后更新文本区域内容的值
- 在提交时更改按钮颜色,直到输入新文本
- Ajax在成功后将旧文本更改为新文本
- JavaScript无法用新文本替换文本
- 崇高的文本新行失去缩进
- 在当前工具提示文本 JQuery 旁边追加或添加新文本
- 在克隆带有文本框的 html 行时,新文本框的触发器
- 从文本区域中获取值,并将其放置在带有一些添加文本的新文本区域中
- 文本在单击时消失,但输入的新文本会消失
- 如何使用 Javascript 将文本从文本区域移动到新表中
- 在窗口大小调整时写入新文本大小的功能
- 我如何设置我的网页以接受文本字段的输入,并将其用作页面上的新文本
- 用span'换行文本节点;s、 如果出现新文本,则显示带有跨度的内部文本节点
- 如何将表单中的新文本值动态传递给jsp
- 在整个网站中查找字符串的一部分并替换为新文本
- 显示新文本的转换按钮
- 用新文本替换花括号
- 如何禁用添加新文本输入的按钮,以防止用户继续添加