oujood.com

jQuery : Le sélecteur :contains()

jQuery : Le sélecteur :contains() Sélectionnez tous les éléments qui contiennent le texte spécifié

search |

Définition et Usage du sélecteur :contains()

jQuery cours tutorial

Le sélecteur :contains() sélectionne les éléments  contenant la chaîne spécifiée.

C'est surtout utilisé pour avec un autre sélecteur pour sélectionner les éléments contenant du texte dans un groupe (comme dans l'exemple ci-dessous).

Le texte correspondant peut apparaître directement dans l'élément sélectionné, dans l'un des descendants de cet élément, ou une combinaison des deux. Comme pour les sélecteurs valeur d'attribut, le texte à l'intérieur des parenthèses de :contains() peut être écrit comme mots nus ou entouré de guillemets.

Le sélecteur :contains() est sensible à la casse (distingue les majicules et minicules).

Syntaxe

$(":contains(texte)")

Paramètre Description
texte Obligatoire. Spécifie le texte à rechercher

Exemple :

Sélectionner le code

  <!DOCTYPE html>
   <html lang="fr">
   <head>
        <meta charset="utf-8">
     <title>jQuery demo </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:contains(aime)").css("background-color","#ffdd00")
  $("p:contains('Mettez')").css("text-decoration", "underline")
  })
  </script>
  </head>
  <body>
  <h1>Bien venu dans le tutorial JQuery</h1>
  <p class="intro">Comment trouvez vous ce tutorial</p>
  <p>Vous aimez n'est ce pas ?</p>
  <p>Si oui revenez sur le site et cliquer sur le bouton
  j'aime</p>
  <p>Mettez ce site dans vos favorites</p>
  Merci.
  </body>
  </html>

 



Par gerywa 25 juillet 2014

Trafic Booster
hebergement web

SCREEBER - Logiciel de copywriting

SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


HTML5, CSS3, JavaScript pour débutants Tome 1
HTML5, CSS3, JavaScript
pour débutants Tome 1

Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

Regarder aussi nos cours :

Tutoriel jquery

Tutoriel JQuery : jQuery est une bibliothèque de JavaScript pour « écrire moins, faire plus ».

Obtenir des information d’un fichier

Manipulation de fichiers : Obtenir des information d’un fichier

glisser et déplacer

Glisser et Déplacer



Rentabilisez efficacement votre site

Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer. Merci