使用 d3.js 附加时如何使用 jquery 查找 div答案

【问题标题】：How to find a div using jquery when it is appended using d3.js使用 d3.js 附加时如何使用 jquery 查找 div
【发布时间】：2012-07-18 08:58:59
【问题描述】：

我目前正在使用 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 的属性 'left'

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

谢谢

【问题讨论】：

position().left 而不是 position().Left
是的，我在这里留下了一个拼写错误。它不起作用
在这种情况下，您应该检查 jQuery 是否“看到”指定的对象：console.log($('#child' + par_div));
@Glibnes jQuery 没有看到指定的对象
你能在 JSFiddle 或其他主机上做一个测试用例吗？

标签： javascript jquery d3.js

【解决方案1】：

看起来像是一个错字：

$('#child' + par_div)

应该是：

$('#' + par_div)

【讨论】：