Jquery innerHTML不显示第二个的内容<；span>；a<；部门>；

我试图在移动视图的下拉列表中显示

元素中的文本。我可以在这个jfiddle中实现这一点，但是我正在使用的应用程序（使用相同的逻辑）将不会在#testing2

中每个

的第二个

内显示文本

基本上，第二个

的内容被删掉，我看到的只是周围的妄想，而不是“第一个div第一个span（第一个div第二个span）”和“第二个div第一个span（第二个div第二个span）”的下拉菜单

下面是示例代码：

$（文档）.ready（函数（）{
//创建选择
var sel=$（''）；
$（“#testing2 div”）。每个（函数（）{
选择附加(
“”+this.innerHTML+“”
);
});
$（“.main_div”）.append（sel）；//在main div中追加
$（“#testing3”）.hide（）//默认情况下隐藏它
$（窗口）.on（“调整大小”，函数（）{
var$theWindowsSize=$（this）.width（）；
如果（$theWindowsSize=701）{
$（“#testing3”）.hide（）
$（“#测试2”）.show（）
}
});
});

第一节第一跨（第一节第二跨）
第二分区第一跨（第二分区第二跨）
在
中包含
（或任何其他非文本节点）是无效的，请参阅


将您的代码更改为使用
this.textContent
而不是
this.innerHTML
，这样它只会复制跨距中的文本，而不是HTML标记。
您可以使用a在此处发布小提琴，而不是JSFIDLE。谢谢，现在人们只需要在完整页面视图中运行代码片段即可查看响应情况（与我的问题无关）。
中的
是无效的HTML。当我在Chrome中运行此操作时，跨距被删除，它只是将文本放入选项中。HTML中的
\testing3
在哪里？