How to reduce "each" steps?
<p>This is my <a href="http://jsfiddle.net/2hJPH/" rel="nofollow">code</a> :</p>

<pre><code>&lt;div class="parent"&gt;
    &lt;div class="child"&gt;&amp;nbsp;&lt;/div&gt;            
    &lt;div class="child"&gt;&amp;nbsp;&lt;/div&gt;
    &lt;div class="child"&gt;&amp;nbsp;&lt;/div&gt;
    &lt;div class="child"&gt;&amp;nbsp;&lt;/div&gt;    
&lt;/div&gt;

&lt;div class="parent"&gt;
    &lt;div class="child"&gt;&amp;nbsp;&lt;/div&gt;            
    &lt;div class="child"&gt;&amp;nbsp;&lt;/div&gt;
    &lt;div class="child"&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;

$('.child').each(function() {
    $(this).parent().addClass('childParent');
    console.log("step");
});?
</code></pre>

<p>but as you can see, it <code>addClass</code> 7 times, which is not necessary. Is it possible reduce each step? In fact, on this example, is sufficent <code>addClass</code> only twice.</p>
