Latest web development tutorials

méthode jQuery find ()

méthodes traversal jQuery méthodes traversal jQuery

Exemples

Retour <ul> progéniture tout élément <span>:

$(document).ready(function(){
$("ul").find("span").css({"color":"red","border":"2px solid red"});
});

Résultats:

body (great-grandparent)
div (grandparent)
    ul (parent)
  • li (child) span (grandchild)

Essayez »

Définition et utilisation

find () retourne les éléments descendants d'éléments sélectionnés.

Descendant est un enfant, petit-fils, arrière-petits-enfants, et ainsi de suite.

arbre DOM: Cette méthode est traversée vers le bas le long des éléments DOM descendants, tous les chemins jusqu'à ce que le dernier rejeton (<html>). Tout comme la traversée d'arbre DOM en bas d' une hiérarchie unique (retour élément enfant direct), utiliser les enfants () méthode.

Remarque: les paramètres de filtre dans la méthode find () est nécessaire, ce qui est différent des autres méthodes arbre traversal.

Conseil: Pour revenir tous les descendants des éléments, utilisez le "*" sélecteur.


grammaire

$(selector).find( filter )

参数 描述
filter 必需。过滤搜索后代条件的选择器表达式、元素或 jQuery 对象。

注意:如需返回多个后代,请使用逗号分隔每个表达式。

Exemples

D'autres exemples

Retour <html> tous les éléments descendants
Utilisez "*" sélecteur pour revenir <html> tous les éléments descendants.

Retour <ul> progéniture tout élément <span>
Comment retourner <ul> progéniture tout élément <span>.

Sélectionnez la progéniture avec un nom de classe donné
Comment retourner éléments descendants de la classe nommée "1".

Retour descendance multiple
Comment retourner éléments descendants multiples.

Filtrer la recherche par collection jQuery de toutes les générations élément <ul>
Comment retourner <ul> élément avec jQuery objet descendant tout élément <span>.

Présentation par les descendants du nom de la balise de l'élément
Demo <div> descendants d'éléments.


méthodes traversal jQuery méthodes traversal jQuery