如何定位嵌套可排序清單中的直接子層級？

定位巢狀可排序清單中的直接子項

在動態和n 級深度可排序清單中，僅識別和定位直接子項可以具有挑戰性。常見的子選擇器（如“ul > li”和“#parent > li”）包括所有子元素，無論其巢狀層級為何。

要專門選擇直接子元素，請使用「ul > li」選擇器。但是，IE6 不支援此方法。

IE6 相容性的解決方法

為了向後相容IE6，請考慮使用以下解決方法：

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

此方法明確地將樣式套用於直接子級，然後為巢狀子級重設它們。

MooTools 特定解

在您的 MooTools 腳本中，問題源自於使用 getElements() 擷取所有後代。若要僅定位直接子級，請改用 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++;
        });
    });
}

以上是如何定位嵌套可排序清單中的直接子層級？的詳細內容。更多資訊請關注PHP中文網其他相關文章！