Большой HTML, разрывы строк и метод .html() с использованием jQuery

Question

Мне нужно динамически загружать следующий HTML-код в DIV, используя метод jQuery.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"); 

Answer 2

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