使用jQuery在HTML代码标记中生成格式良好的代码

我想在我的页面上显示一些格式良好的HTML。该HTML将在脚本中编译。为了显示HTML，我正在使用

HTML内容

问题是我不知道如何在编译HTML的变量中添加换行符和其他格式

我的脚本：

var CodeShow = '<div id="builder" class="' + LoginClasses + '">
                <form id="LoginForm" class="formContainer' + FormClasses + '">
                </form></div>';
$('#CodeShow').text(CodeShow);

 <code>
    <div id="builder" class="classA">
          <form id="LoginForm" class="formContainer classB"></form>
    </div>
 </code>

var-CodeShow=”
';
$（'#CodeShow'）。文本（CodeShow）；

预期的HTML结果：

var CodeShow = '<div id="builder" class="' + LoginClasses + '">
                <form id="LoginForm" class="formContainer' + FormClasses + '">
                </form></div>';
$('#CodeShow').text(CodeShow);

 <code>
    <div id="builder" class="classA">
          <form id="LoginForm" class="formContainer classB"></form>
    </div>
 </code>

这是一个示例HTML，但是真正的HTML有很多行。

var LoginClasses=“classA”，FormClasses=“classB”；
var CodeShow='\n\n'；
$（函数（）{
$（'#Code'）.html（CodeShow）；
})

当我看到您使用.text（）时，我以为您想在网页上显示结果。不仅仅是为了在浏览器中生效。无论如何，请在网页上显示此内容

var LoginClasses=“classA”，FormClasses=“classB”

---

我认为您需要在variableDemo中使用\n:@thew_Death_Raw您的代码可以工作，但输出太宽，因为分配给少数元素的类太多。甚至在

上使用了
空白：前一行
，但不起作用：（另外，请作为答案回复，以便我标记它。谢谢