title: Iterate over an array of selected jQuery Objects?
body: <p>How do you iterate through a group of selected jQuery objects so that you can perform jQuery functions on each object individually?</p>
  
  <pre>   
   &lt;div class="foobar">abc&lt;/div>
   &lt;div class="foobar">123&lt;/div>
   &lt;div class="foobar">abc123&lt;/div>
  </pre>
  
  <p>I can select the group:</p>
  
  <pre><code>var foobarObjects = jQuery('.foobar')
  </code></pre>
  
  <p>But how would you go through each jQuery object in foobarObject and manipulate each one individually? I thought I could use <code>jQuery().each</code> but that only allows me to work with DOM objects, not jQuery objects. I also tried a for loop in conjunction with the <code>jQuery().eq(i)</code> function, but that seems to merge the items together.</p>