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

Question

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

Answer 1

没有与 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