d3.select（これ）は何を返しますか？

Question

私はドラッグ機能を呼び出すsvgグループを持っています。

var container=d3.select("#id"); 
container.call(dragcontainer); 
var dragcontainer = d3.drag() 
         .on("start", function() {}) 
         .on("drag", function (d, i) { 
          //(d3.select(this)).select("rect"); 
         }) 
         .on("end", function() {}); 

どうやら、d3.select(this)は、しかし、彼らは（属性で確認）似ていますが、ちょうどまったく同じではない、containerを返しません。

どうしてですか？呼び出された関数内でcontainerにアクセスするにはどうすればよいですか？

Answer 1

コメントの幾分重複していますが、その理由はd3.selectがd3の選択を返すためです。同じDOMノードを選択した場合でも、各選択は異なるオブジェクトになります。以下はその違いを示しています：

var container = d3.select("body").node(); 

var sel1 = d3.select(container); 
var sel2 = d3.select(container); 

console.log(sel1 === sel2);    // false 
console.log(sel1.node() === sel2.node()); // true