HTML td 文本换行/换行答案

【问题标题】：HTML td text break /new linesHTML td 文本换行/换行
【发布时间】：2017-02-11 01:53:34
【问题描述】：

有人可以帮我解决这个 html 问题吗？

我正在将数据解析为 html 表格单元格；因为我在每个单元格中解析 2 个变量..

我需要变量值出现在新行/下一行中。我试过<br> 或'\n' 都不起作用。

text = arry[i].test1 + '\n '+arry[i].test2;        
$td.text( text);

现在说 test = John 12 在表中......它应该显示为给定的图像

td 单元格（2 个单词在单独的行中）

John
12

【问题讨论】：

【解决方案1】：

尝试将$td.text( 更改为$td.html( 并确保引用<br>，例如：

$td.html(temp[k].day1 + "<br>" + temp[k].day2);

说明

.text() 只会更改所选项目的文本，您不能使用它插入 HTML。 .html() change 更改项目的 HTML（因此，通过扩展，也是纯文本）。

【讨论】：

嗨..正如我提到的..我也试过
..它确实有效....:( $td.text(temp[k].day1 +
+ temp [k].day2); 它没有返回任何输出.... $td.text(temp[k].day1 + + temp[k].day2); 输出包括作为字符串：第 1 天第 2 天
尝试将 $td.text( 更改为 $td.html( 并确保引用 <br>，例如$td.html(temp[k].day1 + "<br>" + temp[k].day2);
嗨..最后一个问题请...我正在尝试替换 td 文本 if (cell_value.indexOf("day1") > -1) { $(this).css({'background ':'#2A2322','color':'white'}) 我想将 day1 替换为 Happy1，我们在 css 中有属性来更改文本吗？请告诉我。
CSS 不会替换文本。提出一个新问题，而不是这个问题的 cmets。
我已经更新了我的原始答案，包括.html() 并解释了它为什么起作用。如果它解决了您的问题，请点击答案旁边的勾号接受它。