javascript - yui 子选择器

Question

我有两个具有类名“容器”的 div。每个 div 都包含相同的编号。孩子的。我想为每个容器的第 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>

Answer 1

您可以通过遍历每个父级然后操作其子级来做到这一点：

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');
    });
});

只需将 item(N) 更改为您需要的任何数字。这是一个例子：http: //jsfiddle.net/DS3dy/8/