title: Loop jQuery for each child
body: <p>How do i write a short code that using for(i=1; ... ...); function that allow me to loop through each child and add a different class.</p>
  
  <pre><code>$('#WebPartWPQ3 &gt; table:first-child').addClass('blogpost1');
  $('#WebPartWPQ3 &gt; table:nth-child(2)').addClass('blogpost2');
  $('#WebPartWPQ3 &gt; table:nth-child(3)').addClass('blogpost3');
  $('#WebPartWPQ3 &gt; table:nth-child(4)').addClass('blogpost4');
  $('#WebPartWPQ3 &gt; table:nth-child(5)').addClass('blogpost5');
  $('#WebPartWPQ3 &gt; table:nth-child(6)').addClass('blogpost6');
  $('#WebPartWPQ3 &gt; table:nth-child(7)').addClass('blogpost7');
  $('#WebPartWPQ3 &gt; table:nth-child(8)').addClass('blogpost8');
  $('#WebPartWPQ3 &gt; table:nth-child(9)').addClass('blogpost9');
  </code></pre>