JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="bloc">bloc 1
<a href="">lien 1</a>
<a href="">lien 2</a>
<a href="">lien 3</a>
</div>
<div class="bloc">bloc 2
<a href="">lien 1</a>
<a href="">lien 2</a>
<a href="">lien 3</a>
</div>
<div class="bloc">bloc 3
<a href="">lien 1</a>
<a href="">lien 2</a>
<a href="">lien 3</a>
</div>
<div class="bloc">bloc 4
<a href="">lien 1</a>
<a href="">lien 2</a>
<a href="">lien 3</a>
</div>
<div class="bloc">bloc 5
<a href="">lien 1</a>
<a href="">lien 2</a>
<a href="">lien 3</a>
</div>
<button onclick="$('a:nth-child(2)').text('Modifié 1 !')">Modifier tous les liens en position 2</button><br>
<button onclick="$('div:eq(1) a').text('Modifié 2 !')">Modifier tous les liens du bloc 2</button><br>
<button onclick="$('div:nth-child(odd) a:nth-child(even)').text('Modifié 3 !')">Modifier tous les liens en position paire dans les blocs impairs</button>
</body>
</html>
CSS
.bloc {
padding: 5px;
background-color: limegreen;
color: white;
margin: 5px;
border: 1px solid green;
}
a{
color: blue;
text-decoration: none;
}
JavaScript
selecteurs = [];