2011-04-19 2 views
0

클래스 이름이 "container"인 두 개의 div가 있습니다. 이 div에는 각각 equal no가 들어 있습니다. 아이들의 각 컨테이너의 n 번째 자식 클래스에 클래스를 할당하려고합니다. 나는이 YUI3yui 자식 선택자

<div class="container"> 
    <div class="child"></div> 
    <div class="child selected"></div> 
    <div class="child"></div> 
</div> 

<div class="container"> 
    <div class="child"></div> 
    <div class="child selected"></div> 
    <div class="child"></div> 
</div> 

답변

3

을 사용하여 할 수있는 방법은 각 부모를 반복하여이 작업을 수행 한 후 아이를 조작 할 수 있습니다 : 당신이 필요로하는 어떤 수에

YUI().use('node', function(Y){ 
    Y.all('.container').each(function(elt) { 
     elt.all('.child').item(1).removeClass('selected'); 
     elt.all('.child').item(2).addClass('selected'); 
    }); 
}); 

그냥 변경 항목 (N)을. 여기에 예제가 있습니다 : http://jsfiddle.net/DS3dy/8/

+0

+1 실행 jsfiddle 예 : – nepsdotin