从svg-javascript中删除特定颜色的矩形

我有一张图表，它包含两种颜色的矩形——紫色和橙色。我正在寻找一种方法，只删除函数调用中的紫色矩形。我如何适应

 svg.selectAll("rect").remove()

为了这个目的

我的矩形定义为：

紫色矩形

        .brush .extent {
            stroke: #DB4D94;
            fill-opacity: .125;
            shape-rendering: crispEdges;
        }

橙色矩形

        .time-span {
            stroke: orange;
            fill-opacity: .7;
            shape-rendering: crispEdges;
        }

它们都用于添加不同类型的矩形，笔刷在函数调用时变为矩形-所以不要担心它不会被识别为矩形，它是

---

谢谢

您可以简单地给紫色矩形一个更独特的类名，如

.rect purple

，然后删除它们

 svg.selectAll('.rect-purple').remove()

D3选择的工作原理与jQuery选择类似

您可以使用：

考虑到您正在使用CSS类设置矩形的样式，您也可以使用CSS类来选择元素：

svg.selectAll(".brush .extent").remove();

svg.selectAll(".brush .extent").remove();