Доступ к объектам с использованием индекса в jquery

Question

Как я могу получить доступ к объектам, когда при использовании селекторов возвращаются несколько объектов?

 $('.copy_anim')[i].css({ 
     'position' : 'relative', 
     'right' : '-30px', 
     'opacity' : '0' 
    }); 

с использованием вышеуказанного кода говорит, что $('.copy_anim')[i].css не является функцией.

Answer 1

Если вы хотите, чтобы объект JQuery (так что вы можете использовать .css()) на элементе в (0 основе) индекса i, используйте .eq() так:

$('.copy_anim').eq(i).css({ 
    'position' : 'relative', 
    'right' : '-30px', 
    'opacity' : '0' 
}); 

Если вы просто хотите запустить его на все элементов, просто сделать:

$('.copy_anim').css({ 
    'position' : 'relative', 
    'right' : '-30px', 
    'opacity' : '0' 
}); 

Это будет работать .css() на все.copy_anim элементы ... это поведение jQuery по умолчанию.

Answer 2

Если я хорошо понимаю, вы не знаете $ .each в JQuery ...

$('.copy_anim').each(function(index) { 
    $(this).css({ 
     'position' : 'relative', 
     'right' : '-30px', 
     'opacity' : '0' 
    }); 
    }); 

Является ли это?

Answer 3

Используйте каждый!

$('.copy_anim').each(arr,function(){ 
    $(this).css({ 
    'position' : 'relative', 
    'right' : '-30px', 
    'opacity' : '0' 
    }); 
});