Can I emulate a click on a finished document with jQuery?

Question

I have this code :

<a href="javascript:void(0)" id="0" class="hp_nav_label">0</a> <a href="javascript:void(0)" id="1" class="hp_nav_label">1</a> <a href="javascript:void(0)" id="2" class="hp_nav_label">2</a> <a href="javascript:void(0)" id="3" class="hp_nav_label">3</a> <a href="javascript:void(0)" id="4" class="hp_nav_label">4</a> $('.hp_nav_label').click(function() { alert($(this).attr('id')); }); 

When I click on each link, I display its identifier.

Now, I would like to automatically “process” the link with id=2 on the finished document, without “clicking” it.

So, having a kind of emulation on this link. Is this possible with jQuery?

Answer 1

To trigger an event, simply call the corresponding event function in jQuery on the element, without a specific handler function, for example:

 $("#2").click(); 

Or there is also trigger() that accepts the type of event as a parameter:

 $("#2").trigger('click'); 

However, it is worth noting that Id attributes starting with numbers are invalid, so you will most likely have to change your identifiers so that they can work properly.

I updated your script to fix the identifiers and show the above code here

Answer 2

You can use trigger :

 $('#2').trigger('click'); 

http://api.jquery.com/trigger/

Answer 3

Yes, .click() methods are also used to trigger the click event.

 $('#2').click(); 

This is a shorthand for $('#2').trigger('click'); .

Also note that the identifier cannot begin with a digit.

JQuery documentation for click()

JQuery documentation for trigger()

Answer 4

Usually you can just call the same function as click calls.

Do you need something like $ (this) to populate?

Answer 5

You can use triggerHandler for this:

 $("#2").triggerHandler("click");