从中删除特定颜色的rect(s)。

Question

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

 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，它是！

谢谢

Answer 1

您可以使用CSS属性值选择器

svg.selectAll("rect[stroke=purple]").remove();

考虑到您正在使用CSS类对矩形进行样式化，那么您也可以使用这些类来选择元素：

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

Answer 2

您可以简单地给紫色的rects一个更独特的类名，比如.rect-purple，然后删除它们。

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

D3选择的工作方式类似于jQuery选择。