1.6 KiB
id, title, challengeType, forumTopicId, dashedName
| id | title | challengeType | forumTopicId | dashedName |
|---|---|---|---|---|
| 587d7fa6367417b2b2512bc3 | Selezionare un gruppo di elementi con D3 | 6 | 301490 | select-a-group-of-elements-with-d3 |
--description--
D3 ha anche il metodo selectAll() che permette di selezionare un gruppo di elementi. Esso restituisce un array di nodi HTML per tutti gli elementi del documento che corrispondono alla stringa di input. Ecco un esempio che seleziona tutti i tag di ancoraggio in un documento:
const anchors = d3.selectAll("a");
Come il metodo select(), selectAll() supporta la concatenazione dei metodi, e puoi usarlo con altri metodi.
--instructions--
Seleziona tutti i tag li nel documento, e cambia il loro testo nella stringa list item concatenando il metodo .text().
--hints--
Nella pagina ci dovrebbero essere 3 elementi li, e il testo in ciascuno di essi dovrebbe dire list item. Le maiuscole e la spaziatura dovrebbero corrispondere esattamente.
assert(
$('li')
.text()
.match(/list item/g).length == 3
);
Il tuo codice dovrebbe accedere all'oggetto d3.
assert(code.match(/d3/g));
Il tuo codice dovrebbe utilizzare il metodo selectAll.
assert(code.match(/\.selectAll/g));
--seed--
--seed-contents--
<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>
--solutions--
<body>
<ul>
<li>Example</li>
<li>Example</li>
<li>Example</li>
</ul>
<script>
d3.selectAll("li")
.text("list item")
</script>
</body>