如何针对相同的多个实例 <div> .class一次单独一个？

Question

I currently have x repeative setup of the same class:

<div class="span3">..content1</div>
<div class="span3">..content2</div>
<div class="span3">..content3</div>

How do I target each .span3 class individually without adding some unique id for each of them? Is that even possible?

What I want to do is apply some animation on each .span3 at a time with a little delay inbetween each - like fading one .span3 class up at a time or do some other animation like scale from 0 to 1.

Was trying to figure out if I could somehow add them to an array? And from there on id be able to iterate through the array doing whatever i wanted.

The .span class in more HTML context:

<div class="row-fluid">
      <div class="span3">
        <span>Headline</span>
        <img src="images/thumb_1.gif" class="img-polaroid">
      </div>
      <div class="span3 frameColor_yellow">
        <span>Headline</span>
        <img src="images/thumb_2.gif" class="img-polaroid">
      </div>
</div>
<div class="row-fluid">
      <div class="span3">
        <span>Headline</span>
        <img src="images/thumb_3.gif" class="img-polaroid">
      </div>
      <div class="span3 frameColor_yellow">
        <span>Headline</span>
        <img src="images/thumb_4.gif" class="img-polaroid">
      </div>
</div>
//etc...

Any suggestions?

Answer 1

Like this -

$('.span3').each(function(index,element){
    var sp = $(this);
    // do your stuff with this span
});

Answer 2

Try this:

$(".row-fluid > .span3").each(function (index) {
    $(this).delay(index * 500).animate({
        opacity: 0
    }, 500);
});

FIDDLE

Updated the answer based on @Rodrigo suggestion!

Answer 3

Proberbly you would like to wrap all your span3s inside a container, lets say

<div class="my-loop-divs">
   <div class="span3"></div>
   <div class="span3"></div>
</div>

I assume that you are using zepto or jQuery

$(document).ready(function () {
    $('.my-loop-divs .span3').each(function (index, element) {
        // do the animation on $(this)
    });
});