freeCodeCamp

2.1 KiB

Raw Blame History

title

required

challengeType

videoUrl

localeTitle

587d7fa6367417b2b2512bc3

Select a Group of Elements with D3

src
https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js

Selecione um grupo de elementos com D3

Description

O D3 também possui o método selectAll() para selecionar um grupo de elementos. Ele retorna uma matriz de nós HTML para todos os itens no documento que correspondem à string de entrada. Aqui está um exemplo para selecionar todas as tags de âncora em um documento: const anchors = d3.selectAll("a"); Como o método select() , selectAll() suporta o encadeamento de métodos, e você pode usá-lo com outros métodos.

Instructions

Selecione todas as tags li no documento e altere seu texto para "item de lista" encadeando o método .text() .

Tests

tests:
  - text: 'Deve haver 3 elementos <code>li</code> na página, e o texto em cada um deve dizer &quot;item da lista&quot;. Capitalização e espaçamento devem corresponder exatamente.'
    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: Seu código deve acessar o objeto <code>d3</code> .
    testString: 'assert(code.match(/d3/g), "Your code should access the <code>d3</code> object.");'
  - text: Seu código deve usar o 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

2.1 KiB Raw Blame History