jQueryによるSVGの画像の差し替え

Question

SVGの画像リンクを変更したいのですが、HTMLではないので
操作がわかりかねています

<div id="gifapp">
	<svg
		 xmlns:dc="http://purl.org/dc/elements/1.1/"
		 xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
		 xmlns:svg="http://www.w3.org/2000/svg"
		 xmlns="http://www.w3.org/2000/svg"
		 xmlns:xlink="http://www.w3.org/1999/xlink"
		 viewBox="0 0 500 500">
		<image
			   width="500"
			   height="500"
			   xlink:href="./img01.jpg"
			   id="sample_img"
			   x="0"
			   y="0" />
	</svg>
</div>

<script>
	$(function(){
		svg_map = document.getElementById('sample_img');
		$svg_map = $(svg_map);
		$svg_map.attr("xlink","./img02.jpg");

	});
</script>

惜しいところまで来ているつもりなんですが
<image xlink:href="./img01.jpg">
に対する書き換えを教えて頂きないでしょうか？

Answer 1

以下のように記述することで、質問者さんの実現したいことが行えると思います(動作確認用リンク)。

$(function() {
  $svg_map = $("#sample_img");
  $svg_map.attr(
    "xlink:href",
    "./img02.jpg"
  );
});

Comments

[ssmxgo]

できました！まんまですね（苦笑
いろいろ調べたものの見つけられず苦しんでいました。
サンプルまで作って頂き感謝です。

ありがとうございました！！

※もしよろしければ、厚かましくございますが
こちらもご一読いただければ幸いです。
https://teratail.com/questions/170818