2016-03-08 54 views
2

我想知道是否它可能未來增加新的文本或文本追加到上提示已經存在的文本。追加或添加下一個新的文本,以目前的提示文本的JQuery

例如,我有一個包含工具提示文本像這樣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"); 

任何幫助,歡迎:)

回答

1

我會這樣做:

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

See jsfiddle

我想補充一點,如果你使用一個功能它給你當前的元素作爲背景可以是真正有用的:

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

簡明扼要+1 :) – Henry

2

嘗試使用.attr()callBack函數來完成你的任務,

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

這似乎這樣的伎倆,但是,我要等待的時間長一點,看看有什麼其他的方法都可以在:)平均值+1和謝謝。 – Henry

+1

@Henry很樂意幫忙! :) –

0

它是如此簡單,首先,我們需要得到這個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"); 
}); 
})