Aller au contenu principal

Parcourir le DOM en jQuery

Fiche écrite en 2013, pour les navigateurs et les versions de l’époque. Vérifiez qu’elle correspond encore à votre environnement avant de l’appliquer.

Trois déplacements reviennent sans cesse quand on manipule une page en jQuery : aller voir les éléments frères, remonter au parent pour redescendre sur ses enfants, et boucler sur tous les éléments d’une classe. Chaque méthode accepte un sélecteur pour filtrer le résultat.

JavaScript
// Les frères
$("#mondiv").siblings('.classe_particuliere').each(function(i){
            alert (i +' : '+$(this).html());
});


// Les frères et lui même
$("#mondiv").parent().children('.classe_particuliere').each(function(i){
alert (i +' : '+$(this).html());
});


// Tous les éléments d'une div
$(".maclasse").each(function(){
    alert ($(this).html());
});