title: jQuery selector for first row of inline-block divs
body: <p>I have some divs with display: inline-block; and I have to select first row of divs and set them for example different border color and I need to do it in javaScript (jQuery).</p>
  
  <p>Here is my example on <a href="http://jsfiddle.net/8193xgfn/5/" rel="nofollow">jsFiddle</a></p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="item"&gt;item 1&lt;/div&gt;
      &lt;div class="item"&gt;item 2&lt;/div&gt;
      &lt;div class="item"&gt;item 3&lt;/div&gt;
      &lt;div class="item"&gt;item 4&lt;/div&gt;
      &lt;div class="item"&gt;item 5&lt;/div&gt;
      &lt;div class="item"&gt;item 6&lt;/div&gt;
      &lt;div class="item"&gt;item 7&lt;/div&gt;
      &lt;div class="item"&gt;item 8&lt;/div&gt;
      &lt;div class="item"&gt;item 9&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS :</p>
  
  <pre><code>.container {
      border: 1px solid red;
      padding: 10px;
  }
  
  .item {
      display: inline-block;
      border: 1px solid green;
      width: 200px;
      margin: 10px;
  }
  </code></pre>
  
  <p>Is there a way how to do it?</p>