我没有看到使用javascript的新行

Question

您好，我有使用HTML编写的这段代码

<div class="abc">
    <div class="12" id="hour"></div>
</div>

我想这样使用javascript：

$('#hour').empty();
$('#hour').text(begin+ " \n "+end);

问题是变量末端没有换行...

您有解决此问题的想法吗？

谢谢！

Answer 1

由于要在<div>内的HTML页面中添加该上下文，建议的方法是使用html()函数而不是text()。然后，您可以使用<br/>添加新行。因此，当全部内容呈现为HTML时，<br/>将添加新行。这也定义了text()和html()函数之间的区别。

var begin = 'begin';
var end = 'end';
$('#hour').empty();
$('#hour').html(begin + "<br/> " + end);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="abc">
  <div class="12" id="hour"></div>
</div>

Answer 2

使用html()代替text()，并使用<br>代替\n

$('#hour').empty();
$('#hour').html('begin'+ "<br>"+'end');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="abc">
    <div class="12" id="hour"></div>
</div>