d3.js - D3选择所有多个类AND或OR

Question

我正在尝试选择两个这样的类(class)，

d3.selectAll(".class1.class2")

但这似乎选择了同时带有 class1和 class2的元素。如何使用 class1或 class2按类选择一个元素，但这些类不必是互斥的，因此也应选择两个类的元素。

也许解决方案是公正的，

 d3.selectAll(".class1")
 .........;
 d3.selectAll(".class2")
 .........;

Answer 1

根据D3的documentation，选择方法接受W3C selector strings。如果您单击此链接并深入研究此API，那么您将到达选择器级别4草案的4.1 Selector Lists部分，该部分指定:

A comma-separated list of selectors represents the union of all elements selected by each of the individual selectors in the selector list.

对于您的示例，这意味着正确的选择器字符串将为 ".class1,.class2"。看看下面的代码片段，该代码片段使用此选择器字符串为具有 class1或 class2类之一或全部两个的所有段落上色。

d3.selectAll(".class1,.class2")
  .style("color", "red");

<script src="https://d3js.org/d3.v4.js"></script>

<p class="class1">class1</p>
<p class="class2">class2</p>
<p class="class3">class3</p>
<p class="class1 class2">class1 class2</p>