0

jQuery .html()メソッドを使用して次のHTMLをDIVに動的にロードする必要があります。

<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のコンテンツの大部分をロードするにはどうすればよいですか？

4

2 に答える 2

12 
alert("Just put a backslash\
at the end of your lines\
to allow line breaks\
in JavaScript");
于 2012-04-19T15:35:59.453 に答える
2 
var newHtml = $('.box-gerenciamento-versoes-variacoes').html().replace(/(\r\n|\n|\r)/gm,"");
$('.box-gerenciamento-versoes-variacoes').empty().html(newHtml);
于 2012-04-19T15:48:31.193 に答える