javascript - d3.select...相当于 jQuery.children()

标签 javascript jquery d3.js

我使用 d3 在 Enter() 上附加一些元素,然后稍后更新它们。然而,下次我尝试选择这些元素时,选择的范围比原来的要大得多。这是因为原始选择元素现在具有相同类型的子元素,例如; <g> , <svg> 。我期望 selectAll() 只能在第一个后继级别工作,就像 jQuery.children() d3 中是否有等效项?如果不是,最有效的填充方法是什么?

最佳答案

没有与 jQuery.children() 等效的函数。这通常是通过为要一起选择的元素分配一个区别类来处理的,例如像这样的东西。

svg.selectAll("g").data(data)
   .enter()
   .append("g")
   .attr("class", "parent")
   .append("g")
   .attr("class", "child");

svg.selectAll("g"); // all g elements
svg.selectAll("g.parent"); // only parents
svg.selectAll("g.child"); // only children

关于javascript - d3.select...相当于 jQuery.children(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19956602/

相关文章:

javascript - 如何更改标记(箭头)的颜色?

javascript - Typescript 接口(interface)并创建该接口(interface)的对象

javascript - 全日历事件渲染

javascript - 如何使用 JavaScript 获取两天之间的正确差异值

javascript - div 框的视差效果

javascript - 如何在D3.js中制作轴刻度标签超链接

javascript - 如何使用 Jquery.css 方法更改逗号分隔的 css 值?

javascript - jQuery 点击 div 触发器,子 div 触发它

javascript - 使用 setInterval 更新按钮上的文本

javascript - d3 使用 exit 删除数据