javascript - 使用 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>');