title: Deeply Nested, Arbitrarily lenth Definition Lists, Zebra-striped in Jquery
body: <p>I have a page where the markup includes nested definition lists of both random depth and random numbers of DDs associated with any DT. Thus:</p>
  
  <pre><code>DL
  - DT
  - DD
  - DT
  - DD
  - DD
    --DL
       --DT
       --DD
       --DT
       --DD
       --DD
   -DT
   -DD
   -DD
  </code></pre>
  
  <p>I need:</p>
  
  <ol>
  <li>zebra stripe the groups of DT/DDs with one another and </li>
  <li><p>to start the even/odd sequence over for each nested list that is encountered.</p>
  
  <ul>
  <li>Using :even and :odd won't work because of the extra DDs.  </li>
  <li>I've tried using an each loop, shown here: <a href="http://jsfiddle.net/XJ9j4/" rel="nofollow">http://jsfiddle.net/XJ9j4/</a>, which fixes A but ignores B. i.e. compare the background color of the 1st child dt/dd combination to the 1st parent, and consider the return to the parent list which should be blue not green. </li>
  </ul></li>
  </ol>
  
  <p>Thoughts?</p>