javascript - d3.selectAll 仅选择 element 中具有类的元素

Question

如何将 d3.selectAll 与元素中的类一起使用。

这是一个描述我的问题的示例:

请不要使用 jquery 和纯 JavaScript。我需要 d3.selectAll 因为我有 d3 数据绑定(bind)

JS FIDDLE

HTML

<div id="one">
<p class="test"></p>
<p class="test"></p>
</div>

<div id= "two">
<p class="test"></p>
<p class="test"></p>
</div>

JS

let one = document.getElementById("one")
let two = document.getElementById("two")
let allElements = d3.selectAll(".test")
console.log(allElements)
// Now i want only from div one
let div1Elements = d3.selectAll("???")
// Now i want only from div two
let div2Elements = d3.selectAll("???")

Answer 1

你可以使用

let div1Elements = d3.selectAll("#one .test");
// Now i want only from div two
let div2Elements = d3.selectAll("#two .test");

或者像这样

let one = d3.select("#one")
// Now i want only from div one
let div1Elements = one.selectAll(".test");
console.log(div1Elements);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<div id="one">
<p class="test">a</p>
<p class="test">b</p>
</div>

<div id= "two">
<p class="test"></p>
<p class="test"></p>
</div>