如何使用jquery在svg中更改图片url？

Question

我想要改变图像的URL动态基于ID属性使用jquery下面给我的SVG标记。任何人都可以帮助我。

<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"> 

我想attr动态改变打击网址 http://www.example.com/img/imag.png

Answer 1

一个简单的选择类似下面应该为你工作。

$('#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">