title: Get value of 4 divs by :first, :second, :nth - jQuery
body: <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>