jQuery obtient un élément parent avec une classe spécifique

Extrait jQuery rapide pour obtenir des éléments parents avec une classe spécifique.

<span>var container = $(this).parents('.item');</span>

Questions fréquemment posées (FAQ) sur l'élément parent jQuery avec une classe spécifique

Comment puis-je sélectionner un élément parent avec une classe spécifique dans jQuery?

Pour sélectionner un élément parent avec une classe spécifique dans jQuery, vous pouvez utiliser la méthode .parents () combinée avec un sélecteur de classe. Par exemple, si vous souhaitez sélectionner l'élément parent avec la classe «Classe parent» d'un élément avec la classe «Classe d'enfants», vous pouvez utiliser le code suivant:

$ ('. Classe enfant »). Parents ('. Classe parent»); .parent () et .parents () dans jQuery?

La méthode .parent () dans jQuery renvoie l'élément parent direct de l'élément sélectionné, tandis que la méthode .parents () renvoie tous les éléments ancêtres de l'élément sélectionné, traversant l'arbre Dom. Si un sélecteur est fourni, il récupère uniquement les ancêtres qui correspondent à ce sélecteur.

Puis-je utiliser .closest () au lieu de .parents () pour trouver un parent avec une classe spécifique?

Oui, vous pouvez utiliser la méthode .closest () pour trouver l'ancêtre le plus proche qui correspond au sélecteur spécifié. Contrairement à .parents (), qui traverse l'arbre Dom et renvoie tous les ancêtres qui correspondent au sélecteur, .Closest () s'arrête au premier match qu'il trouve. Voici un exemple:

$ ('. Child-Class'). Par exemple, pour ajouter une classe à l'élément parent, vous pouvez utiliser le code suivant:

$ ('. Child-Class'). Parents ('. Parent-Class'). AddClass ('New Class');

comment puis-je sélectionner plusieurs éléments parents avec différentes classes dans JQuery? Séparez chaque classe avec une virgule. Voici un exemple:

$ ('. Child-Class'). Parents ('. Parent-Class1, .Parent-Class2');

Et si l'élément parent avec la classe spécifique n'existe pas?

si l'élément parent avec l'élément spécifique n'existe pas, la méthode .parents () ou .closest () Retournera un objectif JQuery. Vous pouvez vérifier si le parent existe en utilisant la propriété .Length. Si .Length renvoie 0, cela signifie que le parent n'existe pas.

Puis-je utiliser .parents () avec d'autres méthodes de traversée jQuery?

Oui, vous pouvez utiliser .parents () avec d'autres méthodes de traversée jQuery comme .find (), .sibillings (), .children (), etc. Obtenez la classe d'un élément parent, vous pouvez utiliser la méthode .attr () avec l'attribut «classe» après avoir sélectionné l'élément parent. Voici un exemple:

var parentClass = $ ('. Child-Class'). Parent (). Att ('class');

puis-je utiliser la méthode .parents () avec des éléments HTML au lieu des classes?

Oui, vous pouvez utiliser la méthode .parents () avec des éléments HTML. Par exemple, pour sélectionner tous les parents div d'un élément, vous pouvez utiliser $ ('. Classe enfant'). Parents ('div');.

Comment puis-je sélectionner l'élément parent immédiat avec une classe spécifique dans jQuery?

Pour sélectionner un élément parent immédiat avec une classe spécifique, vous pouvez utiliser la méthode .parent () avec un sélecteur de classe. Si le parent immédiat n'a pas la classe spécifiée, il renverra un objet jQuery vide. Voici un exemple:

$ ('. Child-Class'). Parent ('. Parent-Class');

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!