在变量的空白之后执行换行

Question

所以我有以下变量：

var profile_age = "4 months"

并在我的js中执行此操作：

$('.profile_age').html(profile_age);

在此处呈现文本：

<p class="profile_age"></p>

是否可以将其呈现为4<br>months，所以两个单词之间有换行符？

Answer 1

您可以在此处执行基于RegExp的替换：

$('.profile_age').html(profile_age.replace(/\s+/g, '<br>'));

它将用单个<br>标签替换所有连续的空格。请参见下面的工作演示：

var profile_age = "4 months";
$('.profile_age').html(profile_age.replace(/\s+/g, '<br>'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="profile_age"></p>

Answer 2

尝试用<br>替换空格

profile_age = profile_age.replace(' ', '<br>');

Answer 3

使用\ n换行或换行打印

profile_age = profile_age.replace(' ', '\n');