追加和转义

Question

如何在追加前转义？以下错误地追加

'<a here."="" goes="" string"="" title="Some " href="#">Hello</a>' 

在代码

：

$(function(){ 
    var t='Some "string" goes here.'; 
    var jqueryObj=$('#elem'); 
    jqueryObj.append('<a href="#" title="'+t+'">Hello</a>'); 
}); 

修改后的代码后编辑

var $accounts=$('#accountList'); 
$accounts.find('li.accountList').remove(); 
for (var i = 1; i < data.o.a.length; i++) { 
    $accounts.append('<li class="item displayAccount">' 
    +'<input type="checkbox" checked="checked" class="cb" name="accounts[]" value="'+i+'" />' 
    +'<span class="name">'+data.o.a[i].name 
     +((data.o.a[i].e.length)?' <a class="displayError" href="#" title="'+escape(mkList(data.o.a[i].e))+'">Error</a>':null) 
    +'</span>' 
    +'</li>'); 
} 
if(data.o.a[0].c.length) {$accounts.append('<li class="item displayAccount"><input type="checkbox" disabled="disabled" value="0"><span class="name">UNASSIGNED</span></li>');} 
$accounts.find('a.displayError').displayError(); 

Answer 1

我想我会提供一个不同的答案比搅拌机，以防万一你不想要使用该方法。

function escapeQuotes(str){ 
    return str.replace(/"/g, '"'); 
} 

将用"替换双引号。

Answer 2

jQuery有用于安全地创建元素nice syntax：

$('<a>', { 
    href: '#', 
    title: t, 
    text: 'Hello' // Replace `text` with `html` if you need to. 
}).appendTo(jqueryObj); 

---

你的代码依赖于字符串很多，所以我做了我所能做的，但它可以作出更漂亮：

for (var i = 1; i < data.o.a.length; i++) { 
    var $li = $('<li class="item displayAccount"></li>'); 
    var $input = $('<input type="checkbox" checked="checked" class="cb" name="accounts[]" />').val(i).appendTo($li); 
    var $span = $('<span class="name"></span>').appendTo($li); 

    if (data.o.a[i].e.length) { 
     $('<a class="displayError" href="#">Error</a>').attr('title', mkList(data.o.a[i].e)).appendTo($span); 
    } 

    $li.appendTo($accounts); 
}