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()方法は、改行が、私はすべての改行を削除する必要がこのコンテンツをロードすることはできませんが、これやっコードは次のようになります醜い、何が難しいアプリのメンテナンスになります。

jQuery .html()メソッドを使用して読みやすい状態でHTMLコンテンツの大部分を読み込むにはどうすればよいですか？

Answer 1

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

Answer 2

var newHtml = $('.box-gerenciamento-versoes-variacoes').html().replace(/(\r\n|\n|\r)/gm,""); 
$('.box-gerenciamento-versoes-variacoes').empty().html(newHtml);