Question

我正在尝试在表中附加一个结果，其中包含由代码创建的换行符：

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);

如何以字符串的形式在jquery中断行

1 个答案: