jQuery - Programmatically Trigger Event

Question

I need to programmatically trigger a click event that's being handled by jQuery. Here's the current code:

var $thumbs = $('#PhotoGalleryThumbs .tile');
var $zoom = $('#PhotoGallery #PhotoGalleryZoom img');
var $description = $('#PhotoGallery #PhotoGalleryDescription');

$thumbs.click(function(event) {
    event.preventDefault();
    var $thumb = $(this);
    $thumb.addClass('selected')
        .siblings().removeClass('selected');
    $zoom.attr('src', $thumb.children('a').attr('href'));
    $description.html($thumb.find('img').attr('alt'));
});

I am having a mental block working out how to create a function out of the event handling code and then arbitrarily calling it for an element in the $thumbs object.

Evgeny Shadchnev · Accepted Answer · 2010-04-23 16:28:55Z

5

$thumbs.click();

This would trigger the click event. Is this what you're looking for?

answered Apr 23, 2010 at 16:28

Evgeny Shadchnev

7,3884 gold badges30 silver badges30 bronze badges

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

5 Comments

S Pangborn Over a year ago

Optionally, you could specifically target a given element, rather than the entire set of them. $('#yourTarget').click();

Sonny Over a year ago

$thumbs is a collection of objects. I want to select a specific object and call the click() event on that.

Evgeny Shadchnev Over a year ago

as S Pangborn said, $('#yourSpecificElement').click()

Sonny Over a year ago

I need it to be an indexed selection, like an array. Something like $thumbs[7].click(). I thought that .index() might do it, but that seems to do the reverse of what I need.

Evgeny Shadchnev Over a year ago

$($thumbs[7]).click() would do

Geoff · Accepted Answer · 2010-04-23 17:27:14Z

2

Similar to the previous suggestion of

$($thumbs[7]).click();

you can use

$thumbs.eq(7).click();

For clarification, array indexing into a jQuery collection gives you the DOM Element at that position, whereas .eq(n) gives you a new jQuery object which references only the indexed element.

http://api.jquery.com/eq/

answered Apr 23, 2010 at 17:27

Geoff

3,12925 silver badges11 bronze badges

1 Comment

Sonny Over a year ago

Thanks Geoff, I'll keep that one in my back pocket for sure!

Collectives™ on Stack Overflow

jQuery - Programmatically Trigger Event

2 Answers 2

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related