Comment ajouter des écouteurs d'événement à des objets dans un svg?

Je voudrais créer une page web qui affiche interactive svg: depuis plusieurs svg peut être utilisé, les différents objets affichés aura Identifiants différents, de sorte que les écouteurs d'événement (pour attraper un clic de souris, par exemple) doivent être dynamiques.

À partir de cet extrait

var a = document.getElementById("alphasvg");
a.addEventListener("load",function(){
        var svgDoc = a.contentDocument;
        var delta = svgDoc.getElementById("delta");
        delta.addEventListener("click",function(){alert('hello world!')},false);
    },false);

Je voudrais trouver un moyen de passer à travers tous les objets de la svg (peut-être avoir une classe particulière) et de joindre une même auditeur.

mise à jour

Donc JQuery 'chaque fonction peut être une bonne option, mais il semble que JQuery ne gère pas le format svg DOM si bien. Est-il une autre option? (comme un plugin JQuery?)

source d'informationauteur mgalardini