append添加到元素的时候，已存在的元素是移动而不是复制，使用了遍历，所以第一次是新增，后面都是移动前面新增的，最后当然就出现了只有最后一项有东西。
解决办法：
1、不要遍历，使用jQuery的类选择器，可以直接$(".svg-container").append(doc),它会自动复制多份保存append进去
2、遍历的时候手动复制一份，$(this).append(doc.clone())
3、doc改成字符串
相关文章：
相似解决方案
热门标签
append添加到元素的时候，已存在的元素是移动而不是复制，使用了遍历，所以第一次是新增，后面都是移动前面新增的，最后当然就出现了只有最后一项有东西。
解决办法：
1、不要遍历，使用jQuery的类选择器，可以直接$(".svg-container").append(doc),它会自动复制多份保存append进去
2、遍历的时候手动复制一份，$(this).append(doc.clone())
3、doc改成字符串
相关文章：