중첩된 정렬 가능 목록에서 직계 하위 항목을 대상으로 지정하는 방법은 무엇입니까?

중첩된 정렬 가능 목록에서 직계 하위 항목 타겟팅

동적 및 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!