使用类选择器

Question

我有一个表格，其中每一行都有一个百分比值，我想为每一行构建一个饼图。

示例：

<table>
<thead>
    <tr><th>Activity type</th><th>Progress %</th></tr>
</thead>
<tbody>
    <tr><td>Live classes</td><td class="pie-chart">50</td></tr>
    <tr><td>Lessons</td><td class="pie-chart">70</td></tr>
</tbody>
</table>

我想用显示进度的饼图替换百分比值。我试图在具有百分比值的单元格中添加一个类，但我无法将饼图放入其中。

我能够通过细胞手动迭代来做到这一点：

var currentPie = d3.select('.pie-chart');

while ( currentPie[0][0] != null ) {
    // ... Code to create the pie chart.

    // Remove the class so the next item will be different.
    currentPie.attr('class', '');

    // Pick up the next pie chart to build.
    currentPie = d3.select('.pie-chart');
}

我想知道是否有更简单/更好/更优雅的方式来做到这一点。