d3 retrieve and add to current selection's attribute value

Question

I\'m trying to get the values for an element\'s translation.

For example, if I select the x axis:

d3.select(\'.x.axis\').attr(\"transform\")

Answer 1

if you would like to use selectAll you could try something like this:

// move ticks to the center of the x-axis   
var transform;
d3.selectAll('.tick').attr('transform', function(){
  transform = d3.transform(d3.select(this).attr("transform"));
  return "translate("+transform.translate[0]+", -3)";
});

Answer 2

D3 provides the transform() function for exactly this purpose:

var t = d3.transform(d3.select('.x.axis').attr("transform")),
    x = t.translate[0],
    y = t.translate[1];