Javascript 使用jQuery追加换行符

Javascript 使用jQuery追加换行符,javascript,jquery,html,Javascript,Jquery,Html,我想用组件(不同数量的组件)构建一个字符串 取决于输入的类型。我想在生成的中插入换行符。但它不起作用。它什么也不做 function addToField(input) { problemField.append(input).append(" "); } function addBreak() { console.log('adding break'); problemField.append("<br/>"); } 产生的只是: <p class

我想用组件(不同数量的组件)构建一个字符串 取决于输入的类型。我想在生成的
中插入换行符。但它不起作用。它什么也不做

function addToField(input) {
    problemField.append(input).append(" ");
}

function addBreak() {
    console.log('adding break');
    problemField.append("<br/>");
}
产生的
只是:

<p class="problem">6 - 2 </p>
                     ^---------<br> should be here

6-2

^---------
应该在这里

我能做什么?我想避免使用
.html()
,因为它不能以堆栈推送的方式轻松地生成字符串。

.append(
)应该可以工作,所以我真的不确定如何通过查看它来测试它:D这

这是chrome devtools在实际页面上显示的内容OK,但我的意思是您的代码缺少上下文,您应该提供MCVE,这是一个复制您的问题的最低限度的示例,因为在


元素中添加
p
元素会破坏线条问题是,我不知道还能显示什么。这基本上就是所有问题,我认为您的问题是因为您正在使用
text()
方法覆盖p内容,该方法从p内容中删除任何HTML元素。我不确定它的意义是什么:
var sqrtSolution=$('p.problem').text()$('p.problem').html(sqrtSolution.replace(/sqrt\(\d+))/gm,“&radic;$1”)。可以试试:
var sqrtSolution=$('p.problem').html()
<p class="problem">6 - 2 </p>
                     ^---------<br> should be here