2011-04-19 110 views
0

我有一個兩個div有類名「容器」。每個div都包含相等的號碼。孩子的。我想給每個容器的第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 2011-07-13 05:44:20