Javascript 如何删除d3.js中的嵌套元素

我有一个这样的HTML结构

body
  svg
     g
      path d
      circle  (class=circles)
     g
      path d
      circle  (class=circles)
     g
     path d
     g
     path d
     g
      path d
      circle (class=circles)

我想用class=circles删除body->svg->g->circle中的所有圆。 一些“g”标记具有类为“圆”的圆

---

请指导我如何执行此操作。

您可以使用DOM选择器在一行中执行此操作：

d3.selectAll("circle.circles").remove();

---

可以使用DOM选择器在一行中执行此操作：

d3.selectAll("circle.circles").remove();

---

是的，它工作起来很有魅力。请告诉我逻辑。我发现你对d3.js有很好的了解。请推荐一些书。你用class

circles

选择

elements

——这就是表达这一点的语法。我没有读过任何关于D3的书，所以我不能推荐任何。D3。selectAll（“圆圈”）不起作用。你的方法是怎么起作用的？假设我没有在圆圈上设置类属性，那么我怎么能选择嵌套的圆圈呢？

。圆圈

告诉它只选择具有此类的元素。如果没有类，你就不能只选择那些。什么样的逻辑使selectAll（“圆圈”）、selectAll（“圆圈”）不起作用，而是选择ll（“cicle.circles”）有效吗？是的，它工作起来很有魅力。请告诉我逻辑。我看到你对d3.js有很好的了解。请推荐一些书。你用class

circles

元素选择

circles

——这就是表达这一点的语法。我没有读过任何关于D3的书，所以我不能推荐任何。D3。selectAll（“圆圈”）不起作用。你的方法是怎么起作用的？假设我没有在圆圈上设置类属性，那么我怎么能选择嵌套的圆圈呢？

。圆圈

告诉它只选择具有此类的元素。如果没有类，你就不能只选择那些。什么逻辑使selectAll（“圆圈”）、selectAll（“圆圈”）不起作用，而Selectll（“cicle.circles”）起作用？