Javascript Trouve Un Élément

| | |

Le jQuery find () méthode peut sembler familier, mais ne méthode! Les deux pas confondre avec le JavaScript find () "trouver" les choses, mais ce qu’ils retour peut être très différent. En JavaScript, le find () méthode ne peut être appelé sur un tableau.

Nécessite une fonction de rappel, qui est une fonction passée à une méthode comme argument, appeler plus tard. Trouve et renvoie le premier élément qui répond aux exigences énoncées dans la fonction de rappel.

Le jQuery find () est tout à fait différent. Comme toutes les méthodes de jQuery, il est appelé à un sélecteur. Rechercher dans ce sélecteur et manipuler uniquement les éléments enfants de ce sélecteur. Ce haut niveau de manipulation est utile si vous souhaitez modifier certains éléments et pas d’ autres qui sont contenus dans le même élément parent.

en utilisant find jQuery ()

Nous savons maintenant jQuery find () est utilisé pour sélectionner tous les éléments enfants d’un sélecteur donné. Découvrez quelques exemples pour voir comment utiliser jQuery find () .

Le départ de √âvacuez simple et ajouter une certaine complexité dans d’ autres sections du code. On peut manipuler un élément après le chargement de la page pour illustrer comment find () travaux. Que diriez - vous de changer la couleur de certains mots dans le contexte d’un paragraphe , une fois la page est chargée? Nous allons commencer ici:

Chaque autre mot restera le même.

Regardez ce code et vous remarquerez à l’ intérieur du

sont des éléments. L’ une des éléments est un enfant de

élément. L’autre est un enfant de la balise

IR3bnpJdRzIwsq 1CzCQeT4Lf2F4YaVtdHjwqHecFlqkjNYR Oi9DIefQs IX6Kf1Bh0JQQNYqxQG7okIP98RPQ PYHTDhu AOabwfhnwB4rdWRmoMw5WgSDtLIKD5ZU9b4 <HTML> Notre HTML est </p> Nous allons maintenant changer les couleurs du texte pour illustrer <code>find () </code> en action. Ceci est un grand pas en débutant parce que nous avons seulement besoin de modifier un attribut CSS pour y parvenir. En passant le <p>élément que notre sélecteur <code>find () </code>, nous pouvons utiliser jQuery <code>css () </code> pour rendre les changements de couleur: </p>  <p>Dans la première utilisation de </code <code>find ()>, nous sélectionnons tous <p>éléments. Nous utilisons <code>find () </code> pour trouver des <span> éléments qui sont des enfants de <p>. Dans cet exemple, il est juste le mot bleu. Nous avons ensuite utilisé le <code>css () </code> pour changer la couleur bleu </p>  </div>  </div> <p>le deuxième utilisation de  <code>find () </code>. Cette fois -ci nous sélectionnons le . </p> <p>Encore une fois, ceci est juste le mot vert. Comme la première ligne, nous utilisons le <code>css () </code> pour changer la couleur au vert. </p> <p>Laissez libre cours et de voir ce qui se passe! <br> </p> <figure class = X NmmVK1C Z30uO5sa15iVH9aCEO ASkwA4cuqwxOagZqMkO8QpJd AlJeZH2NXXSALKH8lWknoNiwXquCqxMuztLiG CL0FzyoN60rr OR3aktZVCcmRgyHPk7Fd7hsjGON74Pi

Notez que les mots bleus et verts ont été inclus dans un élément span sans classe ou ID a été attribué. Nous avons pu isoler à nouveau ces mots et changer leur couleur. Comme vous avez pu le deviner, c’est parce que les principaux éléments de sont différentes.

est le parent du du mot bleu. est le parent du contenant le vert mot.

Ceci est arrivé parce que find () trouve les enfants des éléments utilisés comme un sélecteur. Nous allons ajouter une certaine complexité et de regarder un exemple de liste de t√¢ches.

trouver jQuery () dans une liste

Dans cet exemple, nous avons une liste de t√¢ches. Nous avons des choses à faire aujourd’hui, mais nous avons aussi d’acheter des choses au magasin pour le faire. Une fois que nous achetons ces éléments, nous pouvons les enlever de la liste et se concentrer sur notre journée! Voici notre liste:

Ici , nous avons notre liste. Nous avons la

  • ; éléments de "Allez au magasin", "sortir les poubelles" et "faire la vaisselle" , comme les enfants du
      élément, qui est un enfant de notre

      Nous ne pouvons supprimer ces éléments dans notre liste en sélectionnant

    • avec la classe magasin et en utilisant find () pour localiser les enfants
    • éléments . Encore une fois, nous utilisons le jQuery css () pour appliquer une "ligne par" valeur à la "décoration de texte " attribut. Ainsi , les éléments sélectionnés seront affichés avec une ligne à travers eux:

  •  9 PKrmYrpttbZVdC MrqVjbqAW3bz5t4QCkiZFYhLIuJqsIhUjTQxC7ipWbdnJOfk1ndFDF EcJuV47VM VtfzQd3vp1JNtWxBuOq8Ku0XjNxp4QrnXybM3veW8Gk6ttETa7fk

    Conclusion

    jQuery find () identifie tous les éléments enfants du sélecteur qui lui a été transmis. La méthode ne manipuler ces éléments enfants et non le parent lui - même.

    √ätre capable de faire la différence que les enfants pour sélectionner nous permet d’être général et modifier des sections entières d’une page ou spécifique et ne modifier certains éléments d’une page. Il est à cette flexibilité que find () est le plus utile.

    En savoir plus sur l’ apprentissage jQuery .

    Shop

    Learn programming in R: courses

    $

    Best Python online courses for 2022

    $

    Best laptop for Fortnite

    $

    Best laptop for Excel

    $

    Best laptop for Solidworks

    $

    Best laptop for Roblox

    $

    Best computer for crypto mining

    $

    Best laptop for Sims 4

    $

    Latest questions

    NUMPYNUMPY

    psycopg2: insert multiple rows with one query

    12 answers

    NUMPYNUMPY

    How to convert Nonetype to int or string?

    12 answers

    NUMPYNUMPY

    How to specify multiple return types using type-hints

    12 answers

    NUMPYNUMPY

    Javascript Error: IPython is not defined in JupyterLab

    12 answers


    Wiki

    Python OpenCV | cv2.putText () method

    numpy.arctan2 () in Python

    Python | os.path.realpath () method

    Python OpenCV | cv2.circle () method

    Python OpenCV cv2.cvtColor () method

    Python - Move item to the end of the list

    time.perf_counter () function in Python

    Check if one list is a subset of another in Python

    Python os.path.join () method