javascript - 带有空格的 JQuery / Javascript 问题

Question

我在使用 javascript 时遇到问题，不允许我使用空格，因此我不得不压缩所有代码，使其难以阅读。

Sample A: - Working:

output += '<li><a href="#">test here</a><li>';


Sample B: - Not Working:

output += '<li>
           <a href="#">test here</a>
           </li>';

有没有一种方法可以让我得到上述工作而不必先将它们全部压缩在一起？

Answer 1

你可以做这样的事情。我发现它更容易阅读，但更难维护。

output += '<li>' + 
           '<a href="#">test here</a>' + 
           '</li>';

Answer 2

您可能想检查 javascript 中的多行字符串。像这样： http ://www.electrictoolbox.com/javascript-multi-line-strings/

对于一些代码示例，请尝试：

 output += '<li>\
               <a href="#">test here</a>\
               </li>'

Answer 3

解决方案是退格：

output += '<li>\
           <a href="#">test here</a>\
           </li>';

编辑
如果您确实想保留换行符，请\n放在\.

Answer 4

不要在 JS 中编写标记，除非它只是几个标记。

考虑在 jQuery 中创建元素：

var output = $('<li>').append(
                $('<a>').attr('href', '#dalink')
            );

或者更好，使用模板，即带有占位符的标记模板和用于填充列表的循环之类的小表示逻辑。