Comment parcourir des éléments avec la même classe à l'aide de jQuery et effectuer des actions conditionnelles ?

Comment utiliser jQuery pour parcourir des éléments avec la même classe

Lorsque vous travaillez avec plusieurs éléments de la même classe, il devient nécessaire de y accéder et les manipuler individuellement. jQuery fournit un moyen efficace de parcourir ces éléments en utilisant la méthode .each().

Question :

J'ai une collection de divs avec la classe "témoignage" et j'ai besoin d'un moyen de les parcourir en utilisant jQuery pour vérifier si une condition particulière est remplie. Si la condition est vraie, je souhaite effectuer une action spécifique.

Réponse :

Pour y parvenir, vous pouvez utiliser la méthode .each() comme suit :

$('.testimonial').each(function(i, obj) {
    // Your code here...
});

Au sein de la fonction de rappel .each(), vous avez accès à l'index de l'élément actuel dans le tableau (i) et à l'objet DOM de l'élément (obj). Vous pouvez utiliser le wrapper jQuery $(this) pour accéder directement à l'objet DOM.

Par exemple, si vous souhaitez vérifier si le div actuel a une classe spécifique et effectuer une action si c'est le cas, vous pouvez utiliser le code suivant :

$('.testimonial').each(function() {
    if ($(this).hasClass('active')) {
        // Perform your action here...
    }
});

La documentation jQuery fournit des informations détaillées et des exemples pour la méthode .each(), que vous pouvez référencer pour des scénarios d'utilisation plus avancés.

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!