Niet elke sibling is hetzelfde

In de video heb je de adjacent en general sibling-combinator (+ en ~) leren kennen.

De volgende HTML-code bevat twee koppen gevolgd door enkele code- en span-tags:

<html> 
<body> 
  <h2 class = 'first'>First example:</h2>
  <code>some = code(2)</code>
  <span>will compile to...</span>
  <code>some = more_code()</code>
  <h2 class = 'second'>Second example:</h2>
  <code>another = code(3)</code>
  <span>will compile to...</span>
  <code>another = more_code()</code>
</body> 
</html>

Let op: de twee codevoorbeelden zijn hier niet hiërarchisch georganiseerd. Het enige duidelijke verschil is de klasse van het h2-element dat aan elk voorbeeld voorafgaat.

Deze HTML-snipper is voor je ingelezen en beschikbaar in de variabele code_html.

Deze oefening maakt deel uit van de cursus

Webscraping in R

Cursus bekijken

Praktische interactieve oefening

Probeer deze oefening eens door deze voorbeeldcode in te vullen.

# Select only the first code element in the second example
code_html %>% 
	___('h2.second ___ ___')

Code bewerken en uitvoeren