title: Select odd/even child divs
body: <p>I'm trying to dynamically create a "book" from code server-side.  That part's working fine, and generating output similar to the following:</p>
  
  <pre><code>&lt;div id="pagesContainer"&gt;
      &lt;div class="pageContent"&gt;
           &lt;div&gt;
               Page 1 content
           &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="pageContent"&gt;
           &lt;div&gt;
               Page 2 content
           &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="pageContent"&gt;
           &lt;div&gt;
               Page 3 content
           &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="pageContent"&gt;
           &lt;div&gt;
               Page 4 content
           &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="pageContent"&gt;
           &lt;div&gt;
               Page 5 content
           &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I need to do, preferably using jQuery is add classes to the inner-most divs such as <code>page-left</code> or <code>page-right</code>.  For example, pages 1, 3 and 5 would get <code>page-left</code> while pages 2 and 4 would get <code>page-right</code>.  There may be more (or less) than 5 pages also.  I've tried using a bunch of different even/odd selector scenarios, but can't seem to get it to work correctly.</p>
  
  <p>Can someone point me in the right direction?</p>
  
  <p>Thanks!</p>