javascript - 使用 d3.js 附加时如何使用 jquery 查找 div

Question

我目前正在使用 JavaScript jquery 和 d3.js 库。我遇到了问题，需要专家的帮助

这是我的代码

<div id="d1", style="height: 200px; width: 540px" ></div>>

现在我已经使用 d3.js 编写了代码

 var p_div = "d1"
 div =  d3.select('#' + p_div).append('div')
                              .attr('id' , 'child' + p_div)
                              .attr('width', 340)
                              .attr('height', 200px)
                              .attr('style', 'float: left;');

我的问题从这里开始我想要使用 jquery 的内部 div 的左侧和顶部位置，所以我编写了以下代码行

var par_div = "d1";
alert ($('#child' + par_div).position().left);

但我收到一个错误

未捕获的类型错误：无法读取 null 的属性“左”

我认为问题是因为我使用 d3.js 制作了 div。任何人都可以指导我如何找到我的孩子 div 的左侧位置

谢谢

Answer 1

看起来像一个错字：

$('#child' + par_div)

应该：

$('#' + par_div)