jQuery Append刪除轉義的報價

Question

我有一個Javascript與Jquery。

http://jsfiddle.net/P5gD7/3/

var libelle = 'tes\'te';
var id = 1;
var toAdd = "<input type='text' name='choix[" + id + "]' value='" + libelle + "' />";
$("#test").append(toAdd);

問題是當我在“ libelle”變量中加引號（我已對此引號進行了轉義）時，當我使用append時，jQuery僅將tes放入了“ value”屬性中。 我要用簡單的報價。 有關信息，請使用Alert（toAdd）完整無誤地返回我完整的輸入。

有任何想法嗎 ？

謝謝

Answer 1

如果使用jQuery通過屬性而不是字符串操作為您創建元素，則可以避免以下問題：

var libelle = 'tes\'te';
var id = 1;
$('<input />', {
    type: 'text',
    name: 'choix[' + id + ']',
    value: libelle
}).appendTo('#test');

小提琴的例子

Answer 2

這里的一種方法是創建元素，然后在該元素上設置值。 這些可以鏈接在一起，例如：

var libelle = "tes'te";
var id = 1;
var toAdd = "<input type='text' name='choix[" + id + "]' />";

// create the element, show and finally set the value (.val)
$(toAdd).appendTo("#test").val(libelle);

在這里看到小提琴