Heim >Web-Frontend >CSS-Tutorial >Wie kann man direkt untergeordnete Elemente in einer verschachtelten, sortierbaren Liste ansprechen?

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

Susan Sarandon
Susan SarandonOriginal
2024-11-09 18:12:021042Durchsuche

How to Target Immediate Children in a Nested Sortable List?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn