jQuery Run function on selector

Question

I want to run a function based on the eq() selector:

$('div.entry-content div.one_fifth').eq(0, function(){
    $(this).css({background: 'url(../wp-content/themes/genesis/images/plant_hire.jpg) no-repeat center'});
    $(this).on('hover',function(){
     alert('Test');
    });
});

What is wrong with my syntax since the inside function is not working

Thanks

the .eq() method does not and should not accept a second parameter. — user400654
– user400654, Commented May 14, 2013 at 18:20
yeah...but you get the idea of what I am trying to do...This is best as I can explain it... — DextrousDave
– DextrousDave, Commented May 14, 2013 at 18:21
No we don't get it, as it makes no sense to have a callback on a completely syncronous method that returns the new collection anyway, and can be just chained with the methods you're trying to use inside the "callback" ? Also, there is no on('hover') (well, there is, but you should'nt use it)! — adeneo
– adeneo, Commented May 14, 2013 at 18:29

Brad M · Accepted Answer · 2013-05-14 18:20:22Z

3

This will select the zero index of your selector, change the css, and then attach the event handler for hover.

$('div.entry-content div.one_fifth')
    .eq(0)
    .css({background: 'url(../wp-content/themes/genesis/images/plant_hire.jpg) no-repeat center'})
    .on('hover',function(){
        alert('Test');
    });

EDIT, I cut and pasted what the OP originally had, I just assumed there were no syntax errors.

answered May 14, 2013 at 18:20

Brad M

7,9101 gold badge25 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user400654 Over a year ago

you have an extra });, otherwise looks fine.

Collectives™ on Stack Overflow

jQuery Run function on selector

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related