如何使用jquery更改svg中的图像URL？

Question

我希望在给定svg标记的情况下使用jquery动态更改图像网址的id属性。任何人帮助我。

<image id="background_image" width="804" height="943" preserveAspectRatio="xMinYMin" style=" pointer-events:none;background-repeat:repeat-y;" xlink:href="http://www.example.com/img/imag.png">

我希望动态更改打击网址 http://www.example.com/img/imag.png

Answer 1

与attr类似的简单选择器应该适合您。

$('#background_image').attr('xlink:href','newurl.com/image.png');        

Answer 2

使用jQuery .attr()更新href。

$(function() {
  $('#background_image').attr('xlink:href', 'http://placehold.it/350x150');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<image id="background_image" width="804" height="943" preserveAspectRatio="xMinYMin" style=" pointer-events:none;background-repeat:repeat-y;" xlink:href="http://www.example.com/img/imag.png">