Как написать следующий код как цикл for?

Question

Во-первых, Есть ли способ для меня поставить объявления переменных в цикл for?

E.g. следующее:

var origh1 = $('#candidates img:eq(0)').height(); 
var origh2 = $('#candidates img:eq(1)').height(); 
var origh3 = $('#candidates img:eq(2)').height(); 
var origh4 = $('#candidates img:eq(3)').height(); 
var thumb1h = $('#candidates img:eq(0)').height()*0.20; 
var thumb2h = $('#candidates img:eq(1)').height()*0.20; 
var thumb3h = $('#candidates img:eq(2)').height()*0.20; 
var thumb4h = $('#candidates img:eq(3)').height()*0.20; 

Затем, используя эти переменные, я хотел бы, чтобы следующее в цикле for. Естественно, 'origh1' должен равняться img: eq (i), где i = 0. Поэтому я предполагаю, что если origh1 были в цикле, это было бы похоже на origh (i + 1).

$('#candidates img:eq(0)').fadeIn('normal').delay(300).animate({ height : origh1}, 1200, 'easeInQuad'); 
$('#candidates img:eq(1)').fadeIn('normal').delay(300).animate({ height : origh2}, 1200, 'easeInQuad'); 
$('#candidates img:eq(2)').fadeIn('normal').delay(300).animate({ height : origh3}, 1200, 'easeInQuad'); 
$('#candidates img:eq(3)').fadeIn('normal').delay(300).animate({ height : origh4}, 1200, 'easeInQuad'); 

Спасибо :)

Answer 1

Для каждого будет делать эту работу:

$('#candidates img').each(function() { 
var origh = $(this).height(); 
$(this).fadeIn('normal').delay(300).animate({ height : origh}, 1200, 'easeInQuad'); 
}); 

перебрать первых 4 изменить его на:

$('#candidates img:lt(5)').each(function() { 
    var origh = $(this).height(); 
    $(this).fadeIn('normal').delay(300).animate({ height : origh}, 1200, 'easeInQuad'); 
    }); 

Answer 2

Вы можете поместить результаты в массив, а затем сделать цикл for, заполнив массив ... Я думаю, вам понадобится 2 массива, один для origh и thumbh.

Answer 3

Я что-то пропустил? Или вам нужны только первые 4 img?

$('#candidates img').fadeIn('normal').delay(300).animate({ height : $(this).height}, 1200, 'easeInQuad');