How to trigger a click on a link using jQuery

Question

I have a link    lt ul id  titleee  class  gallery  gt     lt li gt       lt a href   inline  rel  prettyPhoto  gt Talent lt  a gt     lt  li gt   lt  ul gt    and I am trying to trigger it by using     document  ready function           titleee   find  a   trigger  click          But it doesn t work   I ve also tried      titleee a   trigger  click     Edit   I actually need to trigger whatever get s called here  lt a href   inline  rel  prettyPhoto  gt

User · Accepted Answer

If you are trying to trigger an event on the anchor, then the code you have will work I recreated your example in jsfiddle with an added eventHandler so you can see that it works:

$(document).on("click", "a", function(){
    $(this).text("It works!");
});

$(document).ready(function(){
    $("a").trigger("click");
});

Are you trying to cause the user to navigate to a certain point on the webpage by clicking the anchor, or are you trying to trigger events bound to it? Maybe you haven't actually bound the click event successfully to the event?

Also this:

$('#titleee').find('a').trigger('click');

is the equivalent of this:

$('#titleee a').trigger('click');

No need to call find. :)

User · Answer

We can do it in many ways    CASE - 1 We can use trigger like this      quot  myID quot   trigger  quot click quot    CASE - 2 We can use click   function like this      quot  myID quot   click    CASE - 3 If we want to write function on programmatically click then      quot  myID quot   click function       console log  quot Clicked quot       Do here whatever you want      CASE - 4    Triggering a native browser event using the simulate plugin    quot  myID quot   simulate   quot click quot        Also you can refer this   https   learn jquery com events triggering-event-handlers

User · Answer

You should call the element s native  click   method or use the createEvent API   For more info  please visit  https   learn jquery com events triggering-event-handlers

User · Answer

Sorry  but the event handler is really not needed  What you do need is another element within the  tag to click on    lt a id  test1  href  javascript alert  test1    gt TEST1 lt  a gt   lt a id  test2  href  javascript alert  test2    gt  lt span gt TEST2 lt  span gt  lt  a gt    Jquery       test1   trigger  click       Nothing     test2   find  span   trigger  click       Works     test2 span   trigger  click       Also Works   This is all about what you are clicking and it is not the  tag but the thing within it  Unfortunately  bare text does not seem to be recognised by JQuery  but it is by vanilla javascript   document getElementById  test1   click       Works    Or by accessing the jQuery object as an array      test1   0  click       Works too

User · Answer

This doesn t exactly answer your question  but will get you the same result with less headache    I always have my click events call methods that contain all the logic I would like to execute   So that I can just call the method directly if I want to perform the action without an actual click

User · Answer

This is the demo how to trigger event   lt  DOCTYPE html gt       lt html gt       lt head gt       lt script src  https   ajax googleapis com ajax libs jquery 1 12 4 jquery min js  gt  lt  script gt       lt script gt        document  ready function               input   select function                   input   after   Text marked                            button   click function                   input   trigger  select                             lt  script gt       lt  head gt       lt body gt        lt input type  text  value  Hello World  gt  lt br gt  lt br gt        lt button gt Trigger the select event for the input field lt  button gt        lt  body gt       lt  html gt

User · Answer

Since this question is ranked  1 in Google for  triggering a click on an  lt a gt  element  and no answer actually mentions how you do that  this is how you do it       titleee a   0  click      Explanation  you trigger a click on the underlying html-element  not the jQuery-object   You re welcome googlers

User · Answer

Well you have to setup the click event first then you can trigger it and see what happens     good habits first let s cache our selector var  myLink       titleee   find  a     myLink click function  evt      evt preventDefault      alert   this  attr  href             now the manual trigger  myLink trigger  click

User · Answer

Shortest answer      titlee a   click

User · Answer

With the code you provided  you cannot expect anything to happen  I second  mashappslabs   first add an event handler       selector   click function         console log  element was clicked       or alert  click          then trigger your event       selector   click      or    selector   trigger  click      and you should see the message in your console

User · Answer

For links this should work   eval   selector  attr  href

User · Answer

If you are trying to trigger an event on the anchor  then the code you have will work     document  ready function          a titleee   trigger  click          OR    document  ready function           titleee li a href   inline     click          OR    document  ready function          ul titleee li a href   inline     click

[jquery] How to trigger a click on a link using jQuery

Examples related to jquery

Examples related to triggers

Examples related to click