Question

有人可以帮我在D3中进行子选择吗？我有这样的HTML代码

<table>
    <tr>
        <td class="fav">Data 1</td>
        <td>Data 2</td>
        <td>Data 3</td>
    </tr>
    <tr>
        <td class="fav">Data 1</td>
        <td>Data 2</td>
        <td>Data 3</td>
    </tr>
    <tr>
        <td class="fav">Data 1</td>
        <td>Data 2</td>
        <td>Data 3</td>
    </tr>
</table>

和js

var rows = d3.selectAll("td");
//then doing some data population

然后我需要所有

<td class="fav">Data 1</td>

来自rows以进行其他操作。

这样做的方法是什么？我试过rows.selectAll('.fav')，但它对我没用。

P.S。 d3.selectAll(".fav")不适合我。

Answer 1

您可以使用过滤方法：

rows.filter(".fav");

将使用fav类

选择（过滤）行

演示：fiddle

Answer 2

@echonax答案的替代方法是选择带有.fav类的所有td：

var subSelection = d3.selectAll("td.fav");

小提琴：https://jsfiddle.net/79ncb6mg/

d3 js如何从选择中进行选择

2 个答案: