d3.js - 如何将原始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);