2013-10-11 51 views
0

我想用某些html設置元素的title屬性。對於如:如何設置一個元素的title屬性不只是一個字符串?

<div id="element"></div> 

$("#element").title = $("#menu"); 

其中

<div id="menu"> 
    <a href="www.website.com">Link</a> 
</div> 

這不會呈現在標題菜單。這可以做到嗎?

+0

我不知道你希望發生什麼,但我懷疑這是可能的。你期望會發生什麼? – recursive

+0

@recursive我想,不管我的HTML菜單中的格寫,應該在標題 –

+1

@infantDev天然'title'屬性/屬性僅用於顯示純文本的呈現。如果您想要更多地控制內容和顯示,您可能需要使用自定義的「* tooltip *」 - 另一個定位元素出現在懸停上。例如:[jQuery UI](http://jqueryui.com/tooltip/)。 –

回答

0

如果我理解你正確地則沒有,你不能使用title屬性顯示HTML。根據你想要做的事情,你最好找到並使用jQuery工具提示或菜單插件。 jQuery UI library有兩個。

0

試試這個:

var html_string = $("#menu a:first").prop('href'); 
$("#element").prop('title', html_string ); 
1

使用attr()

var title = $("#menu a:first").attr('href'); 
$("#element").attr('title',title); 

Demo here

+0

嗯...非常相似我的,爲什麼attr而不是道具? – Sergio

+0

@Sergio我認爲'title'是一個'屬性'而不是'property'請參閱http://api.jquery.com/attr/,你會發現** $(「#greatphoto」).attr(「title」, 「照片由凱利克拉克」); ** –

+0

http://stackoverflow.com/questions/5874652/prop-vs-attr – Sergio

0

您可以設置HTML屬性裏面,但它不會顯示爲可渲染HTML。

$("#element").attr("title", $("#menu").text()); 
0

可以使用

var val = "<p>This is my new title</p>" 
document.getElementById('element').setAttribute("title",val); 
1

如果你想一個元素的HTML內容插入到另一個,你可以用這個。

$("#element").html($("#menu").html()); 

順便說一句,這不符合title涉及。

+0

但OP需要不同的東西,不是嗎? –

相關問題