jquery click a link programmatically

Question

I know the following function to trigger click:

var link = $("#linkId");
    link.click();

but in my case I don`t have id, but I have name attribute, so I used:

var link = $('a[name=content_'+params['p']+']');
link.click();

But it is not clicking, what is the problem with the code above. if I use id it works fine.

Your selector might be incorrect. Make sure the result of 'a[name=content_'+params['p']+']' refers to an existing element. Also, calling .click will only execute the event handlers, it will not make the browser follow that link. — Felix Kling
– Felix Kling, Commented Aug 13, 2012 at 11:18
@FelixKling Only because jQuery has a special condition on not calling the native method .click() specifically on a elements. jsfiddle.net/HB6X5/5 :P It does call it on other types of element (the native .click() method) if the default action wasn't prevented and the target element has the native method. — Esailija
– Esailija, Commented Aug 13, 2012 at 11:29

Mitya · Accepted Answer · 2012-08-13 11:18:27Z

2

I'm assuming you actually have a click event bound to the matching link. If so...

With attribute selectors, if the value is anything more complex than a sequence of letters (e.g. includes underscores or other punctuation chars), enclose it in quotes.

var link = $('a[name="content_'+params['p']+'"]');

answered Aug 13, 2012 at 11:18

Mitya

34.7k15 gold badges70 silver badges126 bronze badges

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

Comments

rahul · Accepted Answer · 2012-08-13 11:19:24Z

0

make sure you are getting the element by your selector try to debug it
$("[attributename='value']") will you give you the correct element

answered Aug 13, 2012 at 11:19

rahul

7,6738 gold badges42 silver badges55 bronze badges

Comments

thecodeparadox · Accepted Answer · 2012-08-13 11:39:10Z

0

You can't trigger a click to an anchor tag by program until you bind click event to that.

You can do:

var link = $('a[name="content_'+params['p']+'"]'); // change the selector with encloses quote
link.click(function() {
  // do  something
});

Then trigger that click event by:

link.click();

edited Aug 13, 2012 at 11:39

answered Aug 13, 2012 at 11:18

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Collectives™ on Stack Overflow

jquery click a link programmatically

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related