jquery でsvgを操作する方法で悩んでおります
どなたかわかる方いたら教えて下さい
やりたいこととは
jqueryを使用して非同期で読み込んだsvgデータを
以下のsvgタグの中に配置するというものです
html
1<svg id="frame"></svg>
そして非同期で取得できるsvg要素は以下の通りです
svg
1<svg> 2 <circle fill="#000001" cx="144" cy="144" r="144"/> 3</svg>
ここで私が試したのは
jqueryで以下のような処理なんですが
jquery
1$("#frame").load("http://hogehoge/svg_data.php", function(){ 2});
これだと以下のようにsvgタグの中に取得したsvgデータを読み込んでしまうため
svgが入れ子になってしまいます
<svg id="frame"> <svg> <circle fill="#000001" cx="144" cy="144" r="144"/> </svg> </svg>
ですので以下の内容でご回答頂ければと思います
①svgが入れ子にならないようにsvg要素を追加する方法を教えて下さい
②上記の方法では連続して複数の要素を追加することができないので
各要素をグループ化して個別に追加する方法を教えて下さい
以上です。どうぞ宜しくお願い致します