我想用某些html設置元素的title屬性。對於如:如何設置一個元素的title屬性不只是一個字符串?
<div id="element"></div>
$("#element").title = $("#menu");
其中
<div id="menu">
<a href="www.website.com">Link</a>
</div>
這不會呈現在標題菜單。這可以做到嗎?
我想用某些html設置元素的title屬性。對於如:如何設置一個元素的title屬性不只是一個字符串?
<div id="element"></div>
$("#element").title = $("#menu");
其中
<div id="menu">
<a href="www.website.com">Link</a>
</div>
這不會呈現在標題菜單。這可以做到嗎?
如果我理解你正確地則沒有,你不能使用title屬性顯示HTML。根據你想要做的事情,你最好找到並使用jQuery工具提示或菜單插件。 jQuery UI library有兩個。
試試這個:
var html_string = $("#menu a:first").prop('href');
$("#element").prop('title', html_string );
您可以設置HTML屬性裏面,但它不會顯示爲可渲染HTML。
$("#element").attr("title", $("#menu").text());
可以使用
var val = "<p>This is my new title</p>"
document.getElementById('element').setAttribute("title",val);
如果你想一個元素的HTML內容插入到另一個,你可以用這個。
$("#element").html($("#menu").html());
順便說一句,這不符合title
涉及。
但OP需要不同的東西,不是嗎? –
我不知道你希望發生什麼,但我懷疑這是可能的。你期望會發生什麼? – recursive
@recursive我想,不管我的HTML菜單中的格寫,應該在標題 –
@infantDev天然'title'屬性/屬性僅用於顯示純文本的呈現。如果您想要更多地控制內容和顯示,您可能需要使用自定義的「* tooltip *」 - 另一個定位元素出現在懸停上。例如:[jQuery UI](http://jqueryui.com/tooltip/)。 –