时间戳

首页 > 解决方案 > 如何内爆+添加换行符？

jquery - 如何内爆+添加换行符？

问题描述

我想用换行符在页面上显示文本，

<html>
<body>

<div class="content">one,two,three</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

$(".content").text(function(i, val){
return val.replace(/,/g, "<br>");
});

</script>

</body>
</html>

但我得到的是：

one<br>two<br>three

标签： jquery

解决方案

是<br />一个 HTML 标记。使用.html()代替.text()：

$(".content").html(function(i, val){
  return val.replace(/,/g, "<br />");
});

工作片段

$(function () {
  $(".content").html(function(i, val){
    return val.replace(/,/g, "<br />");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">one,two,three</div>

推荐阅读