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

Question

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

我知道我可以给每个图表一个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);