Olá! Sou novo no JQuery e me deparei com uma dúvida ao montar um trecho HTML contendo mais de uma tag e texto p.ex.
Exemplo:
Em JS posso montar da seguinte forma:
fraseHTML = "<span class=\"highlight\">"
+ frase.text() + "</span>"
+ frase2.text();
Em JQuery não encontrei uma forma mais enxuta do que a seguinte:
fraseHTML.html($("<span>").addClass("highlight").text(frase.text()));
fraseHTML.find("span").after(frase2.text());
Qual seria a melhor forma de escrever esse código em JQuery? Pergunto isso porque em algumas situações pode ser necessário criar trechos como esses e inserir no HTML. E nos casos de substituição, também me confundiu um pouco, apenas com o método replaceWith() foi possível, já que não temos acesso à propriedade outerHTML como no JS puro.