如何針對相同的多個實例 <div> .class一次單獨一個？

Question

我目前有x個相同類別的重復設置：

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

如何在不為每個.span3類添加某些唯一ID的情況下分別為其定位？ 那有可能嗎？

我想做的是一次在每個.span3上應用一些動畫，在每個.span3之間稍加延遲-像一次使一個.span3類消失，或者做一些其他動畫，例如從0縮放到1。

是否在嘗試找出是否可以將它們添加到數組中？ 從那里開始，id可以遍歷數組，做我想做的任何事情。

.span類在更多HTML上下文中：

<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...

有什么建議么？

Answer 1

像這樣 -

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

Answer 2

嘗試這個：

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

小提琴

根據@Rodrigo建議更新了答案！

Answer 3

仔細地說，您想將所有span3包裹在一個容器中，可以說

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

我假設您正在使用zepto或jQuery

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