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

Question

我的图表包含两种颜色的矩形 - 紫色和橙色。我正在寻找一种方法来删除函数调用中的紫色矩形。我该如何适应;

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

对于这种妄想？

我的矩形被定义为;

紫色矩形

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

orange rect

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

这些都用于添加不同类型的矩形，并且刷子在函数调用时变成矩形 - 所以不要担心它不被识别为矩形，它是！

由于

Answer 1

您可以使用CSS attribute value selector：

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

鉴于您使用CSS类对样式进行样式化，您可以使用它们来选择元素：

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

Answer 2

您可以简单地为紫色版本提供更加独特的类名称，例如.rect-purple，然后将其删除

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

D3选择与jQuery选择类似。