Question

我想在页面上显示换行符

的文字

<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

Answer 1

<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>

如何内爆+添加换行？

1 个答案: