javascript - d3 选择具有特定类别的任何内容

Question

我正在尝试选择具有特定类别的所有元素。他们可能在这门课之前或之后有不同的类(class)，但只要他们有这门课，他们就应该被选中

例如:

<g class="class a, class b, class c">
<g class="class q, class r, class z">
<g class="class d, class b, class e">

我想选择第一个和第三个元素，因为它们都在 class b 下。有什么建议么？我认为 d3.selectAll(".class b") 会工作，但事实并非如此。

Answer 1

当您在 Web 开发中使用多个类时，请记住它们在类属性中用空格分隔。

像这样的东西

<g class="class_a class_b class_c">
<g class="class_z class_r class_z">
<g class="class_d class_b class_e">

将是您如何正确访问这些元素。

一旦开始正确命名它们，您应该能够通过 CSS 选择它们。因此，类将是一个单词，并由空格(不是逗号)分隔。

然后尝试:d3.selectAll('.class_b')