Bagaimana untuk Menyasarkan Kanak-kanak Segera dalam Senarai Boleh Susun Bersarang?

Menyasarkan Kanak-kanak Segera dalam Senarai Boleh Isih Bersarang

Dalam senarai boleh susun dalam peringkat-n yang dinamik dan n, mengenal pasti dan menyasarkan hanya kanak-kanak terdekat boleh menjadi mencabar. Pemilih anak biasa seperti "ul > li" dan "#parent > li" termasuk semua elemen anak, tanpa mengira tahap sarangnya.

Untuk memilih anak terdekat secara eksklusif, gunakan pemilih "ul > li" . Walau bagaimanapun, pendekatan ini tidak disokong dalam IE6.

Penyelesaian untuk Keserasian IE6

Untuk keserasian ke belakang dengan IE6, pertimbangkan untuk menggunakan penyelesaian berikut:

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

Kaedah ini secara eksplisit menggunakan gaya kepada kanak-kanak terdekat dan kemudian menetapkan semula gaya untuk bersarang kanak-kanak.

Penyelesaian Khusus MooTools

Dalam skrip MooTools anda, isu timbul daripada menggunakan getElements(), yang mendapatkan semula semua keturunan. Untuk menyasarkan kanak-kanak terdekat sahaja, gunakan getChildren() sebaliknya:

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++;
        });
    });
}

Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan Kanak-kanak Segera dalam Senarai Boleh Susun Bersarang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!