javascript - 如何在 svg 元素上添加和删除 css 类

Question

我有一系列 svg 圆圈:

<svg id="pt124" class="marker aaa" style="left: 842.984px; top: 175.607px;"><circle style="fill: blue;" cy="10" fill="#CCCCCC" cx="10" r="4.5"></circle></svg>

<svg id="pt125" class="marker aaa" style="left: 553.565px; top: 106.903px;"><circle style="fill: blue;" cy="10" fill="#CCCCCC" cx="10" r="4.5"></circle></svg>

<svg id="pt126" class="marker aaa" style="left: 608.487px; top: 191.06px;"><circle style="fill: blue;" cy="10" fill="#CCCCCC" cx="10" r="4.5"></circle></svg>

我需要为这些对象添加一个“隐藏”类。我尝试了几件事都没有成功:

$("svg#"+data[i]['name']).attr("class", "marker aaa hide");

$("svg#"+data[i]['name']+" circle").setAttribute("visibility", "hidden");

$("#"+data[i]['name']).context.hidden = false;

我错过了什么？如何将类(class)添加到此？谢谢

Answer 1

如果你想给所有圈子添加一个类，那么你会想要像这样的东西

 d3.selectAll("circle")
   .attr("class", "hide");

这等价于:

 d3.selectAll("circle")
   .classed("hide", true); 

虽然我没有看到您具体在哪里使用 d3.js。您提供的代码使用 jQuery 语法 ($(a bunch of stuff))。