freeCodeCamp

2.1 KiB

Raw Blame History

id	title	challengeType	videoUrl	localeTitle
587d7fa6367417b2b2512bc3	Select a Group of Elements with D3	6		Seleccione un grupo de elementos con D3

Description

D3 también tiene el método 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

Seleccione todas las etiquetas 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 &quot;elemento de la lista&quot;. 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

2.1 KiB Raw Blame History