如何逃避HTML title屬性一個連接字符串

Question

所有：

我非常新的HTML，當我直接使用類似：

<div title="hello&#10;world" >GO</div> 

它將按預期打破了「世界」到下一行，但是當我嘗試時：

var a = "
"; 
$("#go") 
    .attr("title", "hello"+ a +"world"); 

然後它會將該換行符視爲純文本。我不知道如何連接字符串作爲標題屬性？

謝謝

Answer 1

escape trick mentioned here是處理編碼HTML問題的一種非常普遍的方法。它涉及到創建一個「幽靈」 <div>和存儲在其中您的首選HTML內容，然後使用text()功能找回它：

// Store your new line character 
var newLine = '&#10'; 
// Create a phantom <div> elment and set the HTML content for it 
// then return the text 
var title = $('<div/>').html('hello' + newLine + 'world').text(); 
// Finally set the attribute to the text 
$("#go").attr("title", title); 

您可以see an example of it in action here：

Answer 2

jQuery處理您的轉義。你可以簡單地做：

$("#go") 
    .attr("title", "hello\nworld");