jQuery : Le sélecteur :contains() Sélectionnez tous les éléments qui contiennent le texte spécifié
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>
Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.
GAGNER DE L'ARGENT