如何在 div 中删除 svg答案

【问题标题】：How to remove svg inside a div如何在 div 中删除 svg
【发布时间】：2015-07-23 15:07:00
【问题描述】：

我正在使用 D3.js。这是我的标记：

<div class="graph-container">
    <!--Graph SVG-->
</div>
<div class="graph-container">
    <!--Graph SVG-->
</div>
<div>
    <!--some other SVG-->
</div>

我正在使用以下 JS 来删除所有 SVG 元素：

d3.selectAll("svg > *").remove();

但我只想删除 graph-container 类中存在的 SVG。我该怎么做？

【问题讨论】：

作为旁注，您的类语法不正确，请删除 .。例如<div class="graph-container">.
抱歉打错了

标签： javascript css d3.js svg

【解决方案1】：

d3.selectAll('.graph-container svg').remove();

【讨论】：

应该是.graph-container > svg，不是吗？
@LarsKotthoff 不是真的；在这种情况下，删除嵌套在 .graph-container 中的所有 svg 元素更有意义
这就是选择器的作用——但在这种情况下，两个选择器是等效的:)

【解决方案2】：

如果你愿意，你可以使用 CSS，你可以使用.graph-container img { display: none; }。（假设它在 <img> 标签中，并且 div 中唯一的图像是 SVG）

【讨论】：