2014-01-21 154 views
7

情景:我在页面上有几个svg元素,每个元素都显示不同的图形。当图形接收到鼠标点击时,触发事件处理程序,其中this对应于被点击的原始svg元素。发生这种情况时,我想用D3选择图表的path元素以修改它。如何将原始DOM元素转换为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... 

回答

13

是的,你可以简单地做

d3.select(my_raw_dom_element); 
+0

D'哦!简直不敢相信我没有想过这样做。谢谢 :) – crantok