OUJOOD.COM
Définition et utilisation le sélécteur :lt()
Le sélécteur :lt() sélectionne les éléments avec un numéro d'index inférieur à un nombre spécifié.
Les numéros d'index commencent à 0.
Le sélécteur :lt() est principalement utilisé conjointement avec un autre sélecteur pour sélectionner les éléments d'un groupe (comme dans l'exemple ci-dessous).
Syntaxe
class="bordure" $(":lt(index)")
| Paramètre | Descriptif |
|---|---|
| index |
Requis. Indique quel élément à sélectionner. Tout élément ayant un index inférieur au nombre spécifié est sélectionné. |
Exemple : sélection des élément p dont l’index est inférieur à 4
Exemple : 📝 Copier le code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery élément dont l’index est inférieur à </title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p:lt(4)").css("background-color","#aaff00");
});
</script>
</head>
<body>
<h1>Bien venu sur mon site</h1>
<p>Ceci est un élément avec index (0)</p>
<p>Ceci est un élément avec index (1)</p>
<p>Ceci est un élément avec index (2)</p>
<p>Ceci est un élément avec index (3)</p>
<p>Ceci est un élément avec index (4)</p>
<p>Ceci est un élément avec index (5)</p>
</body>
</html>
Par gerywa 25 juillet 2014