Javascript 使用jQuery将SVG元素插入HTML标记

我有两个SVG元素，我的标记：

<svg>
  <circle r="260" fill="#1ABCb6" class="" id="svg_el_obj"></circle>
  <circle r="260" fill="#1ABCb6" class="" id="svg_el_obj"></circle>
</svg>

我需要将它们插入

标记，并在输出中查看以下内容：

<svg>
  <g>
     <circle r="260" fill="#1ABCb6" class="" id="svg_el_obj"></circle>
  </g>
  <g>
     <circle r="260" fill="#1ABCb6" class="" id="svg_el_obj"></circle>
  </g>
</svg>

我尝试使用jQuery，但有些地方不对劲：

$('#svg_el_obj').each(function(){
   $(this).html('<g></g>');
}

$（'#svg_el_obj'）。每个（函数（）{
$（this.html（“”）；
}

或

$（'#svg_el_obj'）。每个（函数（）{
$（此）。附加（“”）；
}

---

非常感谢您的帮助。

您有多个id相同的标记，id必须是唯一的。请尝试改用类，然后

换行

$('.svg_el_obj').wrap('<g>');

$（'.svg_el_obj'）.wrap（''）；
当我像这样包装时，我的svg元素消失了：(
$('.svg_el_obj').wrap('<g>');