使用jQuery的大型HTML,换行符和.html()方法

Question

我必须使用jQuery .html()方法在DIV中动态加载以下HTML .

<div class="box-gerenciamento-versoes-variacoes">
    <div class="detalhes-versao">
        <p><span>Cor</span> do produto:</p> <img src="/admin/imagens/cores/preto-amarelo.png" height="18" width="18" title="Preto e amarelo" alt="" /> <span class="nome-cor">Preto e amarelo</span>
    </div>

    <div class="box-enviar-fotos">
        <input type="button" class="botao-enviar-fotos" value="" /> 0 fotos enviadas
    </div>

    <div class="div_clear"></div>

    <div class="etiquetas-tamanho-estoque">
        <p class="etiqueta-tamanho">Tamanho:</p>
        <p class="etiqueta-estoque">Estoque:</p>
    </div>

    <ul class="gerenciamento-tamanho">
        <li>
            PP
            <input type="text" />
        </li>
        <li>
            P
            <input type="text" />
        </li>
        <li>
            M
            <input type="text" />
        </li>
        <li>
            G
            <input type="text" />
        </li>
    </ul>

    <div class="div_clear"></div>
</div>

正如你所看到的,内容不小,而且该.html()方法不允许换行,所以要加载这些内容我必须删除所有换行符,但这样做代码会很丑,应用程序维护会有什么困难.

如何.html()在保持良好可读性的同时使用jQuery 方法加载大部分HTML内容？

Answer 1

alert("Just put a backslash\
at the end of your lines\
to allow line breaks\
in JavaScript");