Changer la taille de la police SVG en un clic de souris

J’essaie de changer la taille d’un texte SVG en utilisant ceci:

$("#text"+x).click(function(){ //$(this).style("font-size", "4"); document.getElementById("text"+x).setAtsortingbuteNS(null, "font-size", "4px"); //this.attr("font-size", "4px"); alert('it is I'); }); 

Vous pouvez voir la plupart de mes tentatives infructueuses ici. Je reçois l’alerte, mais rien ne se passe et aucun message d’erreur. J’ai cherché sur le Web et Stack Overflow sans résultat … J’utilise JS + Jquery!

Tous les indices sont les bienvenus!
À votre santé!

utilisez le code ci-dessous. vérifier la démo . vous devez définir font-size tant qu’atsortingbut.

  $(document).ready(function(){ $("#text"+x).on('click',function(){ $(this).attr("font-size", "50"); alert('it is I'); }); }); 

ou si vous ajoutez un élément svg utiliser dynamicment le code ci-dessous

  $(document).ready(function(){ $(document).on('click',"#text"+x,function(){ $(this).attr("font-size", "50"); alert('it is I'); }); });