2012-07-14 83 views
1

步驟1 -如何將撇號字符分配給html數據屬性值?

我使用post方法返回數據值,並且數據值可能會返回撇號字符並將值分配給變量。例如,

var returnData = "Test's failure"; 

第2步 -

接下來,我試圖將變量分配給一個數據類型的這樣的值:

$("testList").append("<li data-test='"+ returnData +"'>" + test_List + " </li>); 

總結 -

當使用firebug查看放置在屬性data-test中的變量returnData的值,它顯示Test的值和未添加的失敗。我該如何解決這個問題?

+0

你需要逃避你的HTML。請看這裏http://stackoverflow.com/questions/24816/escaping-html-strings-with-jquery – 2012-07-14 20:14:40

+2

請注意''(「testList」)'什麼也不選。 – undefined 2012-07-14 20:15:06

回答

2

只是要在安全方面:

$("<li />").data("test", returnData).html(test_List).appendTo("#testList"); 

或者,如果你需要的屬性:

$("<li />", { 
    "data-test" : returnData 
}).html(test_List).appendTo("#testList");​ 

DEMO:http://jsfiddle.net/ZyMCk/

+0

謝謝VisionN,我會試試看 – 2012-07-14 20:17:53

相關問題