How to get data of parent node in d3.js

Question

I am doing nesting in D3 and in a nested element, I need to reach data object on its parent.

Right now I am doing

d3.select(this).node().parentNode.__data__; 

Is there a better way?

Answer 1

d3.select(this).node() is the same as just this in the context of a function passed to a D3 selection. You could rework it like this d3.select(this.parentNode).datum() and get the correct value back without having to use the ugly double-underscore property.

Answer 2

The other method I'm familiar with is to use .each() on the parent, and then deal with children within the closure:

d3.selectAll('.parent').each(function(parentDatum) {     d3.select(this).selectAll('.child').each(function(childDatum) {         // do stuff with parentDatum and childDatum here     }); });