jquery - 如何在同一元素上链接 html() 和 text()

Question

我想将一些元素呈现为 html，而将一些元素呈现为文本。例如{h1}hii{h1}，必须在文本中，但<br>必须呈现为 html。

我试图链.hmtl().text()

var str = "{h}hii{/h};
this.text(str).html("<br/>");

如果我改变了顺序，它会与另一个元素重叠。将 < 视为 { 和 > 视为 }

标签： jquery

Answer 1

您需要关闭该字符串，然后将其放入 html 中，或者根据评论...不是 100% 您想要在<br />头部或之后的位置，所以我同时显示

var str = "hii";
$('#data').append("<h1>I am in the head</h1>");
$('#data').find('h1').append("<br/>").append(str);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div id="data"></div>
I am after the heading

var str = "hii";
$('#data').append("<h1>I am in the head</h1>");
$('#data').find('h1').html(str).after("<br/>");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div id="data"></div>
I am after the heading