Wie kann man direkt untergeordnete Elemente in einer verschachtelten, sortierbaren Liste ansprechen?

Targeting von unmittelbaren Kindern in einer verschachtelten, sortierbaren Liste

In einer dynamischen und n-stufigen sortierbaren Liste können nur unmittelbare Kinder identifiziert und gezielt angesprochen werden herausfordernd sein. Gängige untergeordnete Selektoren wie „ul > li“ und „#parent > li“ umfassen alle untergeordneten Elemente, unabhängig von ihrer Verschachtelungsebene.

Um ausschließlich unmittelbar untergeordnete Elemente auszuwählen, verwenden Sie den Selektor „ul > li“. . Dieser Ansatz wird jedoch in IE6 nicht unterstützt.

Problemumgehungen für die IE6-Kompatibilität

Für die Abwärtskompatibilität mit IE6 sollten Sie die folgende Problemumgehung in Betracht ziehen:

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

Diese Methode wendet Stile explizit auf unmittelbare untergeordnete Elemente an und setzt sie dann für verschachtelte untergeordnete Elemente zurück.

MooTools-spezifische Lösung

In Ihrem MooTools-Skript entsteht das Problem durch mit getElements(), das alle Nachkommen abruft. Um nur unmittelbar untergeordnete Elemente anzusprechen, verwenden Sie stattdessen 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++;
        });
    });
}

Das obige ist der detaillierte Inhalt vonWie kann man direkt untergeordnete Elemente in einer verschachtelten, sortierbaren Liste ansprechen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!