Jquery 附加 Html 而不是布局

Question

我担心的是，我使用 ajax 从数据库中以字符串形式获取原始 HTML。一切就绪。

但是每当我将其附加到 DIV 中时，它都会按原样放置整个代码，而不是将其转换为布局格式。

代码如下:

JQuery

var str='&lt;textarea rows="4" cols="10" class="form-control physical_examination(urine)_field1" name="physical_examination(urine)_field1[]" placeholder=""&gt;&lt;/textarea><br/>&lt;textarea rows="4" cols="10" class="form-control physical_examination(urine)_field2" name="physical_examination(urine)_field2[]" placeholder=""&gt;&lt;/textarea><br/>&lt;textarea rows="4" cols="10" class="form-control physical_examination(urine)_field3" name="physical_examination(urine)_field3[]" placeholder=""&gt;&lt;/textarea><br/>&lt;textarea rows="4" cols="10" class="form-control physical_examination(urine)_field4" name="physical_examination(urine)_field4[]" placeholder=""&gt;&lt;/textarea><br/>&lt;textarea rows="4" cols="10" class="form-control physical_examination(urine)_field5" name="physical_examination(urine)_field5[]" placeholder=""&gt;&lt;/textarea><br/>';

var generatedView=$(".generatedView");

generatedView.append(str);

HTML

<div class="generatedView"></div>

输出

textarea_html_view_presented:

预期输出

textarea_html_DOM_view_expected:

Answer 1

解码实体，然后通过 jQuery 解析 HTML

const input  = '.... see question ....',
      html   = input
          .replace(/&lt;/g, '<')
          .replace(/&gt;/g, '>'),
      parsed = $.parseHTML(html);

$(".generatedView").append(parsed);

注意:这是一种简单化的方法。如果您的输入中有其他实体，您应该研究真正的实体解码模块。