Vérifier si une chaîne contient une sous-chaîne dans jQuery

Sheeraz Gul 15 février 2024
Vérifier si une chaîne contient une sous-chaîne dans jQuery

La méthode contains() dans jQuery peut vérifier si un élément DOM contient un autre élément DOM. Ce tutoriel montre comment utiliser la méthode contains() dans jQuery.

Utilisez la méthode contains() pour vérifier si une chaîne contient une sous-chaîne dans jQuery

La méthode jQuery contains() vérifie si une chaîne contient une sous-chaîne ou un caractère. La syntaxe de cette méthode est :

jQuery.contains( container, contained )

Où:

  1. le container est l’élément DOM qui contient un autre élément DOM, et
  2. le contained dans le sous-élément.

La méthode renvoie une valeur booléenne.

La syntaxe de contains() peut également s’écrire :

container:contains(contained)

Essayons un exemple :

<!DOCTYPE html>
<html>
<head>
    <title> jQuery Contains Method </title>
    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
    <script>
    $(document).ready(function(){
        $("p:contains(is)").css("background-color", "lightgreen");
    });
    </script>
</head>
<body>

    <h1>Welcome to Delfstack</h1>

    <p>DelftStack is a resource for everyone interested in programming,.</p>
    <p>embedded software, and electronics. It covers the programming languages like</p>
    <p> Python, C/C++, C#, and so on in this website's first development stage</p>
</body>
</html>

Le code ci-dessus vérifiera si la chaîne de l’élément paragraphe contient une sous-chaîne ou un caractère et modifiera la couleur d’arrière-plan de ce paragraphe. Voir la sortie :

jQuery contient la méthode

Cette méthode peut également nous dire si un certain élément HTML contient un autre élément. Voir l’exemple ci-dessous :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery contains() method</title>
    <script src= "https://code.jquery.com/jquery-3.4.1.js"> </script>
</head>
<body>
    <h3>JQuery contains() method</h3>

    <b id="delftstack"></b>

    <script>
        $("#delftstack").append( "Does 'document.body' contains 'document.documentElement'? <br>"
            + $.contains(document.documentElement, document.body));

    </script>
</body>
</html>

Le code ci-dessus vérifiera si le corps du document contient des éléments et s’il en contient, la méthode renverra true. Voir la sortie :

jQuery contient un élément de méthode

Auteur: Sheeraz Gul
Sheeraz Gul avatar Sheeraz Gul avatar

Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.

LinkedIn Facebook