Javascript 如何针对相同的多个实例<;div>。一次一个单独上课?

Javascript 如何针对相同的多个实例<;div>。一次一个单独上课?,javascript,jquery,arrays,Javascript,Jquery,Arrays,我目前有同一类的x重复设置: <div class="span3">..content1</div> <div class="span3">..content2</div> <div class="span3">..content3</div> .content1 …内容2 …内容3 如何在不为每个.span3类添加唯一id的情况下,分别针对每个.span3类?这可能吗 我想做的是在每个.span3上应用一些动画,在每个

我目前有同一类的x重复设置:

<div class="span3">..content1</div>
<div class="span3">..content2</div>
<div class="span3">..content3</div>
.content1
…内容2
…内容3
如何在不为每个.span3类添加唯一id的情况下,分别针对每个.span3类?这可能吗

我想做的是在每个.span3上应用一些动画,在每个之间有一点延迟-就像淡入淡出的一个一样。span3一次向上分类,或者做一些其他动画,比如从0到1的缩放

想知道我是否可以把它们添加到数组中?从那时起,我就可以遍历数组,做我想做的任何事情

更多HTML上下文中的.span类:

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

大字标题
大字标题
大字标题
大字标题
//等等。。。
有什么建议吗?

像这样-

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

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

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

根据@Rodrigo建议更新了答案

试试这个:

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


根据@Rodrigo建议更新了答案

比如说,你可能想把你所有的屁股都包在一个容器里

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

也许你想把你所有的屁股都包在一个容器里,比如说

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

这是你需要的,这是在这之前问过的,这是你需要的,这是在之前问过的,记住很多事情是异步的,所以你可能会看到它们同时发生,尽管这样做。这正是我看到的。只是在每个跨度上都做了一个测试,似乎每次都会发生。span3?我该怎么做?@user1231561你可以看看下面的答案,,你可以试试。。。我不能只是在我的答案中复制它们…只要记住很多事情是异步的,所以尽管这样做,你可能会看到它们同时发生。这正是我看到的。只是在每个跨度上都做了一个测试,似乎每次都会发生。span3?我该怎么做?@user1231561你可以看看下面的答案,,你可以试试。。。我不能只是在我的答案中复制它们…太好了,你也可以使用
索引*500
而不是创建一个
延迟
变量感谢Palash Mondal-我将其与Adils答案结合使用-效果非常好-也感谢你花时间拉小提琴!非常感谢Palash Mondal-我将其与Adils answer结合使用-效果非常好-也感谢您抽出时间演奏小提琴!真挚感激