---
id: 587d7fa6367417b2b2512bc3
title: Select a Group of Elements with D3
required:
- src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
challengeType: 6
videoUrl: ''
localeTitle: 使用D3选择一组元素
---
## Description
D3还有selectAll()
方法来选择一组元素。它返回文档中与输入字符串匹配的所有项目的HTML节点数组。这是一个选择文档中所有锚标记的示例: const anchors = d3.selectAll("a");
与select()
方法一样, selectAll()
支持方法链接,您可以将其与其他方法一起使用。
## Instructions
选择文档中的所有li
标签,并通过链接.text()
方法将其文本更改为“list item”。
## Tests
```yml
tests:
- text: 页面上应该有3个li
元素,每个元素中的文本应该是“list item”。大写和间距应完全匹配。
testString: 'assert($("li").text().match(/list item/g).length == 3, "There should be 3 li
elements on the page, and the text in each one should say "list item". Capitalization and spacing should match exactly.");'
- text: 您的代码应该访问d3
对象。
testString: 'assert(code.match(/d3/g), "Your code should access the d3
object.");'
- text: 您的代码应该使用selectAll
方法。
testString: 'assert(code.match(/\.selectAll/g), "Your code should use the selectAll
method.");'
```
## Challenge Seed
## Solution
```js
// solution required
```