Wie wird ein rohes DOM-Element in eine D3-Auswahl umgewandelt?

Question

Szenario: Ich habe mehrere svg Elemente auf einer Seite, die jeweils eine andere Grafik anzeigen. Wenn ein Graph einen Mausklick erhält, löst er einen Event-Handler aus, wobei this dem rohensvg Element entspricht, auf das geklickt wurde. Wenn dies passiert, möchte ich das Element path des Diagramms mit D3 auswählen, um es zu ändern.

Ich weiß, dass ich jedem Diagramm eine ID geben und dann verwenden könnte, um eine D3-Auswahl, z.

function on_click(event) { 
    var path = d3.select('#' + this.id).select('path'); 
    path.do_stuff... 
} 

aber ich fragte mich, ob es ein Äquivalent von jQuery Funktion des Drehens rohen DOM-Elemente in eine jQuery-Objekt war, z.B.

jQuery(my_raw_dom_element).do_stuff... 

Answer 1

Ja, können Sie einfach oh

d3.select(my_raw_dom_element);