0

クラス名が「container」のdivが2つあります。この各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>
4

1 に答える 1

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

item(N)を必要な数に変更するだけです。次に例を示します:http://jsfiddle.net/DS3dy/8/

于 2011-07-06T16:57:50.637 に答える