jQuery每个索引迭代

时间:2012-10-17 17:20:46

标签: javascript jquery

我有一面图像墙,在一些文字下面,我希望图像淡入,然后文字淡入。
使用下面的代码,每个图像淡入,然后所有文本立即淡入。

问:我如何使用索引使相应的文字在其图像后淡入? 我found a similar question但是不能让它发挥作用。

CSS:
.mydiv a, .mydiv p{ display:none;}

JS:

$('.mydiv a').each(function(index){
    var c = $(this);
    $(new Image()).load(function(){
            c.fadeIn(500);
            setTimeout(function(){ $('.mydiv p').fadeIn(250); }, 500);// where would i place index
    }).attr('src', c.find('img').attr('src'));
});

2 个答案:

答案 0 :(得分:4)

如果每个p元素有一个mydiv,则从现有的c变量导航

$(c).closest(".mydiv").find("p").fadeIn(250);

或使用.eq()

$(".mydiv p").eq(i).fadeIn(250);

答案 1 :(得分:0)

$('.mydiv a').each(function(i, e){
    var c = $(this);
    e.load(function(){
            c.fadeIn(500);
            setTimeout(function(){ $('.mydiv p').fadeIn(250); }, 500);// where would i place index
    }).attr('src', c.find('img').attr('src'));
});