When user clicks on one element, trigger a click on another.

Question

I have some links on my page and I need to programmatically perform a click on an element when the user clicks on another element. For example, when I click on element A, jQuery should perform a click on element A2.

I don't know what this is called, technically, and I'm having trouble finding out how to do this. Is this possible in jQuery?

Did you get your answer? – Riskbreaker Jun 03 '14 at 17:21 — Riskbreaker, Jun 03 '14 at 17:21

mifi79 · Answer 1 · 2014-06-01T08:21:39.250

3

Attached an event handler to your first element (#elementA in the example below) and then trigger a click event on the second element (#elementB below)

$("#elementA").on("click", function (e) {
     $("#elementB").click();
});

Here is the Fiddle: http://jsfiddle.net/mifi79/Dar8J/

edited Jun 01 '14 at 08:21

answered Jun 01 '14 at 08:16

mifi79

1,086
6
8

Pratik Joshi · Answer 2 · 2014-06-01T08:25:32.630

2

Use following to do trigger event,When div1 is clicked , Trigger click event for div2

$("#div1").click(function (){ 
     $("#div2").trigger("click");
});

Working demo http://jsfiddle.net/MSSbT/

edited Jun 01 '14 at 08:25

answered Jun 01 '14 at 08:19

Pratik Joshi

11,485
7
41
73

+1 `trigger` IS the preferred way of generating an event on an element.http://stackoverflow.com/a/9666577/903324 – Abijeet Patro Jun 01 '14 at 08:27

score 1 · Answer 3 · answered Jun 01 '14 at 08:17

1

You can trigger a click via click()

http://api.jquery.com/click/#click

answered Jun 01 '14 at 08:17

user3696176

31
2

When user clicks on one element, trigger a click on another.

3 Answers3