jQuery function inside a for loop

Question

Lets say that I want to turn the paragraph elements red when I mouseover the corresponding link elements.

Why would the following code not work and what is the simplest alternative?

for (i = 0; i < 100; i++) {   
$("a").eq(i).mouseover(function(){
$("p").eq(i).css({"color":"red"})  
})
}

Need simple explanation.

Please explain. Any help greatly appreciated. What should I write? — Ned Hulton, Mar 19 '15 at 04:45
@NedHulton See the answer. If you can provide the html, there will be another easy ways to do this. — Anoop Joshi P, Mar 19 '15 at 04:48

score 1 · Accepted Answer · answered Mar 19 '15 at 04:43

1

You dont have to loop through the elements. Do like this,

$("a").mouseover(function() {
    $("p").eq($('a').index(this)).css("color", "red");
});

answered Mar 19 '15 at 04:43

Anoop Joshi P

1 Answers1