Wählen Sie Bild innerhalb Svg mit jquery

Question

Ich arbeite an einem kleinen Skript, wo ich einige Änderungen an Bildern in SVG mit jquery machen sollte. Das ist mein svg Code:

<svg xmlns:svg="http://www.w3.org/2000/svg" 
     xmlns="http://www.w3.org/2000/svg" 
     version="1.1" 
     width="800" 
     height="420" 
     id="svg"> 
    <image class="draggable" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://letscode.ghost.io/content/images/2015/09/stackoverflow.png" width="800" heigqht="420" id="yassin" > 

</image> 
</svg> 

ich das Bild auswählen möchten, indem sie es id Yassin ist und dann das Attribut Breite bearbeiten. PS. Ich habe die geelementbyID und die jquery-Selektor verwendet, aber es funktioniert nicht.

Answer 1

jquery:

var img = $('#yassin'); 

jQuery Demo

reine javascript:

var img = document.getElementById('yassin'); 

Die Pure Javascript Demo

Um die Breite zu ändern, wie Sie in den Kommentaren erwähnt:

$('#yassin').attr('width', 500); //this way you can change any attribute 

oder gerade:

$('#yassin').width(500); //this is simply for setting the width value