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