JQuery追加过滤掉html之类的标签？答案

【问题标题】：JQuery append filters out html like tags?JQuery追加过滤掉html之类的标签？
【发布时间】：2018-05-17 14:44:08
【问题描述】：

我想使用 JQuery 将下面的文本行附加到 select html 标记：

"<option selected=true value="-1"><new></option>"

问题出在<new>。这个子字符串被append 函数完全过滤掉。我知道这不是合法的 html 标记，可能正是因为这个原因才过滤它。我可以强制 JQuery 以某种方式将 <new> 解释为子字符串吗？因为<new> 不是html标签，只是为了向用户指出这不是列表中的值，而是在列表中创建新条目的选择。

【问题讨论】：

标签： javascript jquery user-interface web jquery-append

【解决方案1】：

看看这篇文章： How to display HTML tags as plain text

它向您展示了如何在代码之间打印特殊字符，例如。

您应该将 &lt; 替换为 &lt; 和 &gt; 替换为 &gt;

【讨论】：

【解决方案2】：

$('#test').append($('<option>').attr('value', -1).text('<new>')[0]);

【讨论】：

【解决方案3】：

试试这个

$('<option/>').attr("value","-1").text("<new>").appendTo("select");

谢谢！

【讨论】：