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

Posted 2023-02-22

【中文标题】JQuery追加过滤掉html之类的标签？

【英文标题】：JQuery append filters out html like tags?

【发布时间】：2018-05-17 14:44:08

【问题描述】：

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

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

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

【参考方案1】：

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

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

您应该将 < 替换为 < 和 > 替换为 >

【参考方案2】：

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

【参考方案3】：

试试这个

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

谢谢！