Jquery accessing an array of divs with divs in them using JQuery
<p>How would I access the 2nd div's inner divs text?</p>

<pre><code>&lt;script&gt;
$(document).ready(function() {
    for(var i = 0; i &lt;= $('.content').length - 1; i++) {
        $('.content').eq(i).click(function(e) {
                     $(this).hide();
            })
        }          
});
&lt;/script&gt;

&lt;div class='content'&gt;
   &lt;div class='text'&gt;foo&lt;/div&gt;
&lt;/div&gt;

&lt;div class='content'&gt;
   &lt;div class='text'&gt;bar&lt;/div&gt;
&lt;/div&gt;

&lt;div class='content'&gt;
   &lt;div class='text'&gt;foobar&lt;/div&gt;
&lt;/div&gt;
</code></pre>
