d3js-如何在第n个位置覆盖文本

Question

<ul class = "items">
  <li> Item 1</li>
  <li> Item 2</li>
  <li> Item 3</li>
</ul>

以下代码有什么问题，单元测试失败？

<script>
    d3.select('li:nth-child(2n)').html('Hello World').style('color', 'Blue').classed('big', true);
  </script>

Answer 1

正如Hubert Grzeskowiak所说，您的代码运行正常。只需按照您尝试操作的顺序进行操作

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>

<ul class = "items">
  <li> Item 1</li>
  <li> Item 2</li>
  <li> Item 3</li>
</ul>

<script>
    d3.select('li:nth-child(2n)').html('Hello World').style('color', 'Blue').classed('big', true);
  </script>