javascript - 如何将 jQuery 对象转换为 d3 对象？

Question

我在将 jQuery 与 D3js 一起使用时遇到问题。

我有一个名为“elem”的 jQuery 元素，我想要执行一些 D3js 功能。

此代码有效:

d3.select("body").append("svg").attr("width", 300).attr("height", 300).append("g").attr("transform", "translate(150,150)").selectAll("text").data(words).enter().append("text")......

这段代码没有

elem.append("svg").attr("width", 300).attr("height", 300).append("g").attr("transform", "translate(150,150)").selectAll("text").data(words).enter().append("text")......

那么如何将 jQuery 对象转换为 D3 对象呢？

Answer 1

您可以使用 .get() 从 jQuery 对象获取 DOM 元素本身jquery 对象上的方法或数组表示法，然后像选择任何 DOM 元素一样使用 d3 选择器选择它们。

请注意，虽然两者都有效，jQuery faq mentions that array notation is faster.

d3.select($("#selection").get(0));
d3.select($("#selection")[0]); // equivalent to above but faster

编辑:感谢 Ken Fox指出 jQuery 常见问题解答。