如何使用<br>斷線jQuery中作爲字符串

Question

我想在一個表與同時通過代碼dinamically創建一個換行符結果追加：

var linha = adicionarLinhaPeriodo("Período: "+valorPeriodo+"<br>"+" Preço: R$ "+precoPeriodo); 

但我有答案是：

"Período: Até 10 minutos<br> Preço: R$ 4,50" 

沒有換行符！

我的整個功能代碼爲：

function novoPeriodo() { 
    var tabelaCompleta = $("table"); 
    var valorTitulo = $(".titulo-tabela").val(); 
    var valorPeriodo = $("#periodo option:selected").text(); 
    var precoPeriodo = $(".preco-periodo").val(); 
    var quebraLinha = $("<br>") 
    var linha = adicionarLinhaPeriodo("Período: "+valorPeriodo+"<br>"+" Preço: R$ "+precoPeriodo); 
    $(".tabela table tbody").each(function(){ 
    var tabelaId = $(this).attr("id"); 
    if(valorTitulo==tabelaId){ 
     linha.find(".fa-trash").click(removeLinha); //Para remover a linha 
     $("#"+tabelaId).prepend(linha); 
     return linha; 
    } 
    }); 
} 

function adicionarLinhaPeriodo(periodo,preco) { 
    var linha = $("<tr>"); 
    var colunaTolerancia = $("<td>").text(periodo,preco); 
    var colunaEditar = $("<td>"); 
    var colunaRemover = $("<td>"); 
    var linkEditar = $("<a>").attr("href","#"); 
    var linkRemover = $("<a>").attr("href","#"); 
    var iconeEditar = $("<i>").addClass("fa").addClass("fa-pencil"); 
    var iconeRemover = $("<i>").addClass("fa").addClass("fa-trash").addClass("ic-remove"); 
    linkEditar.append(iconeEditar); 
    linkRemover.append(iconeRemover); 
    colunaEditar.append(linkEditar); 
    colunaRemover.append(linkRemover); 
    linha.append(colunaTolerancia); 
    linha.append(colunaEditar); 
    linha.append(colunaRemover); 

    return linha; 
} 

任何人可以幫助我有這個功能的兩行我要創建裏面的答案嗎？

Answer 1

使用html()方法不text()方法

變化：

var colunaTolerancia = $("<td>").text(periodo,preco); 

要

var colunaTolerancia = $("<td>").html(periodo,preco);