yui儿童选择器

时间:2011-04-19 09:13:07

标签: javascript yui3

我有两个div,其类名为“container”。每个div包含相等的no。孩子的。我想为每个容器的第n个子类分配一个类。我该怎么做才能使用YUI3

<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>

1 个答案:

答案 0 :(得分: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/