换行符不适用于 jQuery .text()

Question

我有以下代码：-

function data(x) {
     var dataList = "";
     for (var key in obj) {
          dataList += key + ": " + obj[key] + "\n"
     }
     $('#modalText').text(dataList);
     document.getElementById('dataModal').style.display='block';
}

它会像这样填充 HTML：

<p id="dataList"></p>

尽管在循环的每次迭代中我都有一个 '\n' 连接到我的字符串，但我无法在每个键/值对之后获得换行符以显示在我的模式中。我也尝试过 jQuery .append() 函数而不是 .text()，但无济于事。

我的变量 dataList 在控制台中以正确的换行符打印，如下所示：

key: 123
time: 12:00
department: taxes

但是在模态中打印时，没有换行符：

key: 123 time: 12:00 department: taxes

我怎样才能让它在我的模式中显示，在每个键值对之后换行，就像它在控制台中显示的那样？

Answer 1

空格在 HTML 中没有任何意义。您需要使用<br/>并设置.html()，或者您需要将 a 添加white-space: pre到您的 dataList<p>标记。使用pre或pre-wrap将尊重空格（因此 \n 字符）