trigger mouse enter on random element

Question

I have this javascript:

$('.foto').filter(function(index) {
    return index == Math.floor(Math.random() * 8) + 1;
}).trigger('mouseover');

I want to simulate a hover effect on a photo, but somehow the filter function does not work. I also tried

$('.foto:random').trigger('mouseover');

possible duplicate of [jQuery: select random elements](http://stackoverflow.com/questions/1764160/jquery-select-random-elements) — Felix Kling, Mar 01 '12 at 23:02
Works for me: http://jsfiddle.net/n3Lgn/. Maybe you thought that the whole construction returns a jQuery object, but it does not. `.get()` returns an array and `.sort()` and `.slice()` are native array methods. In my example I omitted `.get()`. — Felix Kling, Mar 01 '12 at 23:10

score 3 · Accepted Answer · answered Mar 01 '12 at 23:09

3

Try this:

$.fn.rand = function(){
    return this.eq(Math.floor(Math.random()*this.length));
};
$(".foto").rand().trigger("mouseover");

Note: you only have to define $.fn.rand once, usually right after including jquery.

answered Mar 01 '12 at 23:09

Kevin B

1 Answers1