jquery append()正在忽略<;span>;标签
我遇到了jqueryjquery append()正在忽略<;span>;标签,jquery,Jquery,我遇到了jqueryappend()的一个奇怪行为 考虑这两个相似的HTML字符串,它们都是有效的标记 var ids='Hello, <i>world</i>!<br/>'; var sds='Hello, <span>world</span>!<br/>'; 标记被删除!结果是 你好,世界 你好 当检查我的DOM时,我在html中没有看到 这次搬迁的原因是什么 最终编辑 我发现了问题。它恰好是一段完全无关的代码中的
append()
的一个奇怪行为
考虑这两个相似的HTML字符串,它们都是有效的标记
var ids='Hello, <i>world</i>!<br/>';
var sds='Hello, <span>world</span>!<br/>';
标记被删除!结果是
你好,世界你好 当检查我的DOM时,我在html中没有看到
这次搬迁的原因是什么
最终编辑 我发现了问题。它恰好是一段完全无关的代码中的一个bug。简而言之,原因如下 我有这个
$("span").foo().bar().appendTo($id);
而不是
$("<span>").foo().bar().appendTo($id);
$(“”).foo().bar().appendTo($id);
因此,它将所有
标记从它们所属的位置移除 查看以下小提琴的区别:
HTML:
<div id="debug"></div>
var ids = 'Hello, <i>world</i>!<br/>';
var sds = 'Hello, <span>world</span>!<br/>';
$('#debug').append(ids);
$('#debug').append(sds);
span {
display: none;
}
因此,这些小提琴确保你一定有一些问题与你的CSS。jQuery append方法没有问题。可能是css隐藏
span
?检查HTML查看我的HTML,我根本看不到标签!谁是罪魁祸首???@PA很可能不是你给我们的密码。您是否使用任何第三方工具、过滤器等?你到底是如何运行内容的?你确定没有任何代码可能因为任何原因而被剥离掉吗?我发现了问题!它不在CSS中,而是在一段完全不相关的javascript代码中!。我正在更新这个问题。@PA。注意我的小提琴的不同。CSS中没有问题,这是一个遥远的javascript代码中的问题。好的,但我也能够使用CSS重现这个问题。
span {
display: none;
}