Comment cibler les enfants immédiats dans une liste triable imbriquée ?

Cibler les enfants immédiats dans une liste triable imbriquée

Dans une liste triable profonde dynamique et de niveau N, identifier et cibler uniquement les enfants immédiats peut être un défi. Les sélecteurs d'enfants courants tels que "ul > li" et "#parent > li" incluent tous les éléments enfants, quel que soit leur niveau d'imbrication.

Pour sélectionner exclusivement les enfants immédiats, utilisez le sélecteur "ul > li". . Cependant, cette approche n'est pas prise en charge dans IE6.

Solutions de contournement pour la compatibilité avec IE6

Pour une compatibilité descendante avec IE6, envisagez d'utiliser la solution de contournement suivante :

#parent li { /* style appropriately */ }
#parent li li { /* back to normal */ }

Cette méthode applique explicitement les styles aux enfants immédiats, puis les réinitialise pour les enfants imbriqués. enfants.

Solution spécifique à MooTools

Dans votre script MooTools, le problème provient de l'utilisation de getElements(), qui récupère tous les descendants. Pour cibler uniquement les enfants immédiats, utilisez plutôt getChildren() :

var drop = function(el){
    el.getParents('ul').reverse().each(function(item){
        var posCount = 1;
        item.getChildren("li").getElements("a span[class=position]").each(function(pos){
                pos.set('text', posCount);
                posCount++;
        });
    });
}

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!