javascript - 数据字符串如何包裹在对象内部？工作到 html 显示

Question

let data = {
  name: "Lorem ipsum dolor sit amet consectetur adipisicing elit.\n Pariatur cum doloremque minima provident impedit adipisci,\n quasi dolores natus beatae earum, consectetur id ducimus minus hic. Voluptatem perferendis reprehenderit odit maxime?"
}


$(".question").text(data.name)

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<div class="questionPage">
  <h1>Question</h1>
  <br>
  <p class="question">123</p>




</div>

我想将我的上下文字符串包裹在正文上。

不要在正文中使用 br。

所以使用“\n”代码但不起作用

也可以使用 br 但 $(".question").text() 不起作用

数据字符串如何包裹在对象内部？工作到 html 显示。

谢谢。

Answer 1

因为您正在使用text()函数它将接受您的 </br>和/n作为文本，所以使用 html()功能

let data = {
  name: "Lorem ipsum dolor sit amet consectetur adipisicing elit.</br> Pariatur cum doloremque minima provident impedit adipisci,</br> quasi dolores natus beatae earum, consectetur id ducimus minus hic. Voluptatem perferendis reprehenderit odit maxime?"
}


$(".question").html(data.name)

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<div class="questionPage">
  <h1>Question</h1>
  <br>
  <p class="question">123</p>




</div>