2.1 KiB
2.1 KiB
id | title | challengeType | videoUrl | localeTitle |
---|---|---|---|---|
587d7fa6367417b2b2512bc3 | Select a Group of Elements with D3 | 6 | Seleccione un grupo de elementos con D3 |
Description
selectAll()
para seleccionar un grupo de elementos. Devuelve una matriz de nodos HTML para todos los elementos del documento que coinciden con la cadena de entrada. Aquí hay un ejemplo para seleccionar todas las etiquetas de anclaje en un documento: const anchors = d3.selectAll("a");
Al igual que el método select()
, selectAll()
admite el encadenamiento de métodos, y puede usarlo con otros métodos. Instructions
li
en el documento y cambie su texto a "elemento de lista" encadenando el método .text()
. Tests
tests:
- text: 'Debe haber 3 elementos <code>li</code> en la página, y el texto de cada uno debe decir "elemento de la lista". La capitalización y el espaciado deben coincidir exactamente.'
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: Su código debe acceder al objeto <code>d3</code> .
testString: 'assert(code.match(/d3/g), "Your code should access the <code>d3</code> object.");'
- text: Su código debe utilizar el método <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