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

Question

我有两个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>

我需要将它们插入<g>标签并在输出中观看：

<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').each(function(){
   $(this).append('<g></g>');
}

很多帮助。

Answer 1

您有多个具有相同ID的标签，ID应该是唯一的。请尝试使用类wrap

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