如何定位嵌套可排序列表中的直接子级？

定位嵌套可排序列表中的直接子项

在动态和 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中文网其他相关文章！