轉義特殊字符以在for循環中輸入文本

Question

我有一個哈希數組，每個哈希均由基於字符串的鍵/值對組成。 奇怪的是，盡管我注意到當循環完成並且字符串中有撇號時，撇號之后的任何字符都將被忽略（包括撇號）。 例如，如果我有一個名稱值Randy's Donuts ，它將在輸入中僅顯示為Randy 。 有沒有辦法讓我在循環中動態轉義這些撇號（更不用說其他我不知道的特殊字符了）？

 $(function() { var brands = [{name: "Randy's Donuts"}, {name: "Joe's American Bar & Grill"}, {name: "Macy's"}]; for (var i = 0; i < brands.length; i++) { var brandName = "<td><input type='text' value='" + brands[i]["name"] + "'></td>"; var $tr = "<tr>" + brandName + "</tr>"; $("table").append($tr); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action=""> <table></table><br /> <input type="submit" /> </form> 

Answer 1

問題是因為您需要轉義附加在字符串上的品牌中的' ，或將字符串定界符更改為'並使用"來定界屬性值。后者更直接。請嘗試以下操作：

 $(function() { var brands = [{ name: "Randy's Donuts" }, { name: "Joe's American Bar & Grill" }, { name: "Macy's" }]; for (var i = 0; i < brands.length; i++) { var brandName = '<td><input type="text" value="' + brands[i]["name"] + '"></td>'; var $tr = "<tr>" + brandName + "</tr>"; $("table").append($tr); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action=""> <table></table> <br /> <input type="submit" /> </form>