Jquery附加删除转义的引用

时间:2014-07-13 19:40:10

标签: javascript jquery

我和Jquery一起使用Javascript。

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只在“value”属性中添加了tes。 我必须做简单的报价。 有关信息,警报(toAdd)会返回整个输入而没有错误。

有什么想法吗?

由于

2 个答案:

答案 0 :(得分:3)

如果你使用jQuery通过属性而不是字符串操作为你创建元素,你可以避免这些问题:

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

Example fiddle

答案 1 :(得分:1)

这里的一种方法是创建元素,然后在该元素上设置值。这些可以链接在一起,如:

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);

See The Fiddle Here