如何在jQuery中使用变量？

Question

How to use variable in jQuery? I used the var i, Here's the code:

var i=0;
for (i=0;i<=5;i++){
   $('.slide:eq(i)').delay(3000).fadeOut(500);
}

Thank you.

Answer 1

It doesn't "work" because it's treated like a plain string.

You need to concatenate with '+'.

$('.slide:eq('+i+')').delay(3000).fadeOut(500);

You can also use:

$('.slide').eq(i).delay(3000).fadeOut(500);

which is clearer.

Answer 2

Try this instead...

for (i=0;i<=5;i++){
   $('.slide').eq(i).delay(3000).fadeOut(500);
}

The reason is that when you wrap the string in quotes, it's just a string!

If you want to use :eq() instead of .eq(i) you would need to do

for (i=0;i<=5;i++){
   $('.slide:eq('+i+')').delay(3000).fadeOut(500);
}

Answer 3

You just need to place the value of i into the jQuery selector.

var i=0;
for (i=0;i<=5;i++){
   $('.slide:eq(' + i + ')').delay(3000).fadeOut(500);
}

Answer 4

Why set i to 0 twice? Try something like below;

for (var i=0;i<=5;i++){
   $('.slide:eq('+ i + ')').delay(3000).fadeOut(500);
}

What you are doing now is using the variable i as an string. SO jquery will see i really as as i. Try concatenating it like above.

Answer 5

try this :

var i=0;

for (i=0;i<=5;i++){

   $('.slide:eq(' + i + ')').delay(3000).fadeOut(500);

}