simulate a click of a href within a div

Question

Using javascript or jquery what would be the best way to simulate a click on live video inside div id 1.

Im not sure how to handle this when the <a> does not have a id attribute.

 <div id='1'>
       <a href="#" class="edit-settings">Edit Settings</a>
       <a href="javascript:void(0);" class="live_video">Live Video</a>
 </div>

 <div id='2'>
       <a href="#" class="edit-settings">Edit Settings</a>
       <a href="javascript:void(0);" class="live_video">Live Video</a>
 </div>

Note that using jQuery to trigger the event will not follow the href property for an <a> (probably what you want), while triggering the DOM click event will — Ian
– Ian, Commented Aug 10, 2013 at 23:11

Reactgular · Accepted Answer · 2013-08-10 22:39:14Z

2

To trigger the click on the first link.

$("#1 > a:first").trigger('click');

To trigger the click on the second link.

$("#1 > a:last").trigger('click');

You do have CSS classes you can use as well.

$("#1 > a.live_view").trigger('click');

NOTE: a DOM ID can not start with a number.

answered Aug 10, 2013 at 22:39

Reactgular

55.1k24 gold badges175 silver badges219 bronze badges

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

11 Comments

Henrik N Over a year ago

trigger('click') can be changed to click()

tyler Over a year ago

so in order to use the name live_video i need to use the a.live_video correct?

Reactgular Over a year ago

@tman that is correct. live_video is a CSS class. You use a dot to reference a class.

tyler Over a year ago

perfect Thanks for the note on the DOM ID aswell :) thanks will accept!

tyler Over a year ago

any idea how to do this exact line in javascript aswell $("#1 > a.live_view").trigger('click');

|

Christian Heinrichs · Accepted Answer · 2021-03-03 20:01:11Z

1

JavaScript:

document.getElementById('2').getElementsByClassName('live_video')[0].click();

Here is a working jsFiddle

I updated it so it answers the following question:

thanks for your edit is there away to specify the a href by the class rather then childnodes – tman

edited Mar 3, 2021 at 20:01

answered Aug 10, 2013 at 22:40

Christian Heinrichs

7961 gold badge9 silver badges28 bronze badges

3 Comments

tyler Over a year ago

this does not select by the div id which is important.

tyler Over a year ago

thanks for your edit is there away to specify the a href by the class rather then childnodes

Ian Over a year ago

Although this won't work because .childNodes[0] will return a text node (since there is whitespace in the element), not the <a>. .children[0] could be used in place

Collectives™ on Stack Overflow

simulate a click of a href within a div

2 Answers 2

11 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related