freeCodeCamp/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.md

---
id: 587d7fa6367417b2b2512bc3
title: 用 D3 选择一组元素
challengeType: 6
forumTopicId: 301490
---

# --description--

`selectAll()` 方法选择一组元素。它以 HTML 节点数组的形式返回该文本中所有匹配所输入字符串的对象。以下是一个选择文本中所有锚标签的例子：

`const anchors = d3.selectAll("a");`

像 `select()` 方法一样，`selectAll()` 也支持链式调用，你可以在它之后调用其他方法。

# --instructions--

选择所有的 `li` 标签，通过 `.text()` 方法将它的文本改为 "list item" 。

# --hints--

页面上应该有 3 个 `li` 元素，每个元素的文本内容应为 'list item'。大小写和空格必须一致。

```js
assert(
  $('li')
    .text()
    .match(/list item/g).length == 3
);
```

你应该能访问 `d3` 的对象。

```js
assert(code.match(/d3/g));
```

你应该使用 `selectAll` 方法。

```js
assert(code.match(/\.selectAll/g));
```

# --solutions--