Get value of 4 divs by :first, :second, :nth - jQuery
<p>How do I get the value of </p>

<pre><code>&lt;div&gt;
    &lt;span class="xxx" id="VariesAlways"&gt;x1&lt;/span&gt;
    &lt;span class="xxx" id="VariesAlways"&gt;x2&lt;/span&gt;
    &lt;span class="xxx" id="VariesAlways"&gt;x3&lt;/span&gt;
    &lt;span class="xxx" id="VariesAlways"&gt;x4&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>Normaly </p>

<pre><code>$('.xxx').trigger(function() {

    $(this).attr('value');
});
</code></pre>

<p>But I want it as </p>

<pre><code>$('.xxx:first').attr('value');
$('.xxx:second').attr('value');
$('.xxx:third').attr('value');
$('.xxx:fourth').attr('value');
</code></pre>

<p>But when an <code>alert($('.xxx:first').attr('value'));</code> is done it gives me undefined.</p>

<p>Thanks
Jean</p>
