奇数/偶数の子divを選択する

Question

私は、コードサーバ側から「ブック」を動的に作成しようとしています。その部分の細かい作業、および次のような出力を生成：

<div id="pagesContainer"> 
    <div class="pageContent"> 
     <div> 
      Page 1 content 
     </div> 
    </div> 
    <div class="pageContent"> 
     <div> 
      Page 2 content 
     </div> 
    </div> 
    <div class="pageContent"> 
     <div> 
      Page 3 content 
     </div> 
    </div> 
    <div class="pageContent"> 
     <div> 
      Page 4 content 
     </div> 
    </div> 
    <div class="pageContent"> 
     <div> 
      Page 5 content 
     </div> 
    </div> 
</div> 

私が行うために必要なもの、好ましくはjQueryを使用すると、このようなpage-leftやpage-rightとして最も内側のdiv要素にクラスを追加することです。たとえば、ページ1,3,5はpage-left、ページ2と4はpage-rightとなります。 5ページ以上もあるかもしれません。私はさまざまな偶数/奇数セレクタシナリオを使用してみましたが、正しく動作するようには見えません。

誰かが正しい方向に向かうことができますか？

ありがとうございます！

Answer 1

：奇数と偶数のセレクタを使用します。

$('.pageContent:odd').addClass("page-left") 
$('.pageContent:even').addClass("page-right") 

Answer 2

これは動作するはずです。

$('#pagesContainer').children('.pageContent').each(function(index) 
{ 
    $(this).addClass(index % 2 ? 'page-right' : 'page-left'); 
}); 

デモ：jsFiddle

Answer 3

$('.pageContent').each(function(i,t){ 
var addClass = i % 2 == 0 ? 'odd' : 'even'; 
$(t).addClass(addClass); 
}) 

Answer 4

:oddと:evenセレクターをお試しください：説明したよう

$('.pageContent:nth-child(odd)').addClass('odd'); 

Answer 5

がnth-child(even)を使用してみてください：それは組み込みセレクタだから

$('.pageContent:odd').addClass('odd'); 

ます。また、パフォーマンスブーストを活用するために:nth-childを使用することができますここに：http://www.w3.org/Style/Examples/007/evenodd.en.html

Answer 6

使用「：例えば

奇数and：even`セレクタ

http://api.jquery.com/category/selectors/

 $('.pageContent:odd').addClass('oddClass') 

Answer 7

$(".pageContent:odd").addClass("oddPage"); 
$(".pageContent:even").addClass("evenPage"); 

Answer 8

は、これはあなたが達成しようとしているものですか？ http://jsfiddle.net/Sf7AD/3/

$('#pagesContainer > div:even').addClass('page-left'); 
$('#pagesContainer > div:odd').addClass('page-right'); 

ないように要素がインデックス0であるため、:evenが反直感的であろう特に http://api.jquery.com/even-selector/

ドキュメントからなど、第5、第1〜第3の要素

を選び0ベースのインデックス付けは、 が直感的に逆であることを意味します。最初の要素、3番目の要素、 などを選択します。一致したセット内で