Add CSS style to every 3rd element
<p>I have HTML like this:</p>

<pre><code>&lt;div id="content"&gt;
    &lt;div class="view-row view-row-1"&gt;
    &lt;div class="view-row view-row-2"&gt;
    &lt;div class="view-row view-row-3"&gt;
    &lt;div class="view-row view-row-4"&gt;
    &lt;div class="view-row view-row-5"&gt;
    &lt;div class="view-row view-row-6"&gt;
&lt;/div&gt;
</code></pre>

<p>I need to add a CSS style to rows - <code>2, 5, 8, 11, 14</code> and so on. There may be a lot of <code>.view-row-number</code> elements, 40 for example.</p>

<pre><code>$('.content .view-row').each( function(i) {
    if ($(this).hasClass('view-row-2') ) {
        $(this).css('padding-left', '7px');
    }
    else if($(this).hasClass(?)) {
    }
});
</code></pre>

<p>What is the best method of achieving this?</p>
