d3：检索DOM元素相对于容器的x坐标

Question

我已经构建了一个强制节点布局，我想使用它下面的滑块来过滤节点。 jsfiddle here - https://jsfiddle.net/cavvzvjn/

我知道我可以阅读被移动的句柄的值（使用＆＃39;这个＆＃39;关键字）

function brushed() {
    var value = x.invert(d3.mouse(this)[0])     
}

但是因为句柄可以重叠我希望能够在移动一个句柄时读取两个句柄的值（在画笔上）所以我可以比较哪个具有更高/更低的值并最终相应地过滤节点

    array.forEach(function(d) {
        if (handle1.val < handle2.val) {
            if (d.x < handle1.val || d.x > handle2.val) {
                array[d].splice
            }
        else {
            if (d.x > handle1.val || d.x < handle2.val) {
                array[d].splice
            }               
        }
    })

所以最终问题是（如标题所示）如何检索DOM元素相对于其容器的x坐标？