Comment faire une boucle sur un ensemble de résultats jQuery

Question

J'essaie d'apprendre jquery et j'ai de la difficulté à trouver comment gérer un ensemble de résultats de jquery. Disons que j'ai quelques html comme:

<div class="divClass"> 
    <p class="pClass1">1</p> 
    <p class="pClass2">Some text.</p> 
</div> 
<div class="divClass"> 
    <p class="pClass1">2</p> 
    <p class="pClass2">Some text.</p> 
</div> 
<div class="divClass"> 
    <p class="pClass1">3</p> 
    <p class="pClass2">Some text.</p> 
</div> 

Je veux faire une boucle à travers les années div avec une classe de « divClass », obtenir la valeur contenue dans l'enfant p avec une classe de « pClass1 ». Obtenir l'ensemble des div est avec une classe de « divClass » est facile avec quelque chose comme:

divs = $(".divClass"); 

Mais je ne suis pas sûr de savoir comment faire une boucle par « divs » et trouver l'enfant « pClass1 », puis obtenir sa valeur . Toute aide serait très appréciée.

Answer 1

Vous pouvez utiliser la méthode each, puis, recherchez les éléments » .pClass de, dans le contexte de this, qui est le div actuellement itérer:

var divs = $(".divClass"); 

divs.each(function() { 
    alert($('p.pClass1', this).text()); 
}); 

Vérifiez l'exemple ci-dessus here.

Answer 2

Utilisez la méthode each:

$(".divClass").each(function() { 

}); 

Answer 3

Il y a beaucoup de façons.

Pour votre scénario spécifique, je voudrais essayer quelque chose comme ceci:

$(".divClass .pClass1").each(function() { 
    // Do whatever 
}); 

Si vous voulez faire quelque chose avec les balises div et les balises p, vous pouvez essayer la méthode trouver: