2014-01-21 103 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