SVG圖像通過jQuery

Question

更新自己的路後變黑我有以下的HTML代碼

<div> 
    <a id="cover"></a> 
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 510 680"> 
    <rect x="0" y="0" fill="#000007" width="510" height="680"/> 
    <image width="510" height="680" xlink:href="../images/MSRCover.png" transform="translate(0 0)" /> 
    </svg> 
</div> 

我試圖改變與jQuery圖像的路徑和圖像變爲黑色。

$ = cheerio.load(data); 
$('image').each(function() 
{ 
    var $img = $(this); 
    $(this).attr('xlink:href','My PATH').html(); 
}); 

我正在使用node.js和模塊cheerio。

謝謝

Answer 1

jquery .attr方法不理解命名空間。使用正常的DOM setAttributeNS，例如

$(this)[0].setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', "My PATH");