如何将原始DOM元素转换为D3选择？

Question

场景:我svg在页面上有几个元素,每个元素都显示不同的图形.当图形接收到鼠标单击时,它会触发一个事件处理程序,其中this对应于单击的原始 svg元素.当发生这种情况时,我想path用D3 选择图形的元素以便修改它.

我知道我可以给每个图形一个ID,然后使用它来进行D3选择,例如

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

但是我想知道是否有相当于jQuery将原始DOM元素转换为jQuery对象的功能,例如

jQuery( my_raw_dom_element ).do_stuff...

Answer 1

是的,你可以做到

d3.select(my_raw_dom_element);