jQuery append 字串包含大量引號：使用單引號包裹或模板字面值解決

問題

$("#myShortcutDiv").append("
"); // 雙引號嵌套易出錯

方案一：外層用單引號 (最簡單)

$('#myShortcutDiv').append('
');

方案二：ES6 模板字面值 (支援換行、插值)

const html = `
  

    內容
  
`;
$('#myShortcutDiv').append(html);

方案三：陣列 join (大量片段拼接)

const parts = [
  '
內容
'
];
$('#myShortcutDiv').append(parts.join(''));

方案四：jQuery 建立元素物件 (最安全、可鏈式操作)

$('
', {
    class: 'nav_item',
    title: '行政審批',
    html: '內容'
}).appendTo('#myShortcutDiv');

最佳實務建議

避坑指南

• 不要用 html += ... 迴圈拼接大字串，效能差，改用陣列 push 最後 join。
• 使用者輸入內容**必須轉義** ($('
  ').text(userInput)) 防 XSS。
• 複雜模板考慮前端模板引擎或框架。