oujood.com

jQuery sélecteur :lt() les éléments avec un index inférieur à un nombre

Le sélécteur :lt() sélectionne les éléments avec un numéro d'index inférieur à un nombre spécifié

chercher |

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

Voir aussi nos tutoriel :

Conditionnel if...else javascript

Conditionnel if...else js : Définition et utilisation de la condition if avec des exemples.

Balise header

Définit un en-tête d'un document ou de la section

Elément XSLT XSL value of

Elément XSLT XSL value of