html/css/jquery click through elements and all trigger events

Question

Assuming that I have 1 button "Red" and multiple buttons behind:

<button type="button">Red</button>
<button type="button">ABC</button>
<button type="button">DEF</button>
<button type="button">GHI</button>
<button type="button">JKL</button>

Somehow, they are stacked on each others. But button "Red" is on top.

enter image description here

Would it be possible that clicking on "Red" will trigger events on itself and on all buttons behind?

Using CSS "pointer-events:none;" therefore doesn't work here. As well this is a general case, so using jQuery selectors to manually select and trigger them should be ruled out.

Felix · Accepted Answer · 2014-02-28 02:43:18Z

1

You can use trigger() to trigger the click event of green and blue button when you click on redbutton:

$('button.red').click(function () {
    $('button.green').trigger('click'); // or .click()
    $('button.blue').trigger('click'); // or .click()
});

Fiddle Demo

answered Feb 28, 2014 at 2:43

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

3 Comments

Tommy Over a year ago

Well, I should rephrase my question as: Let's say I have a red button on top, and many other elements behind which I don't know. I just simply want that when I click the red button, the action will apply to it as well as transfer to all the other elements behind.

xff1874 Over a year ago

@tommyogp .You can use siblings selector. $("button.red").siblings().trigger("click");

Felix Over a year ago

@tommyogp You can use: $("button.red").siblings('button').trigger("click"); You can read more about siblings() from: api.jquery.com/siblings

Haiz · Accepted Answer · 2014-02-28 02:44:32Z

0

Try putting them in css class. If you want to use javascript jquery, do .click() and activate all of them

answered Feb 28, 2014 at 2:44

Haiz

1712 silver badges11 bronze badges

Collectives™ on Stack Overflow

html/css/jquery click through elements and all trigger events

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related