HTML/CSS/jQuery的点击通过元素和所有触发事件

假设我有1个按钮“红”与多个按钮背后：HTML/CSS/jQuery的点击通过元素和所有触发事件

<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>

不知何故，他们都堆积在彼此。但按钮“红色”在上面。

enter image description here

有没有可能是点击“红”将触发后面所有按钮本身和事件？

使用CSS "pointer-events:none;"因此在这里不起作用。这也是一个普遍的情况，所以应该排除使用jQuery选择器来手动选择并触发它们。

来源

2014-02-28 Tommy

您可以使用trigger()当你点击red按钮来触发和blue按钮的单击事件：

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

Fiddle Demo

来源

2014-02-28 02:43:18 Felix

那么，我应该将我的问题改为：假设我顶部有一个红色按钮，还有许多其他我不知道的元素知道。我只是简单地希望当我点击红色按钮时，该动作将应用于它并转移到所有其他背后的元素。 – Tommy

@tommyogp。您可以使用兄弟选择器。 $（ “button.red”）的兄弟姐妹（）触发（ “点击”）。; – xff1874

@tommyogp您可以使用：$（“button.red”）。siblings（'button'）。trigger（“click”）;你可以从http://api.jquery.com/siblings/阅读更多关于兄弟姐妹（）的内容。 – Felix

尽量把他们放在CSS类。如果你想使用javascript jquery，请执行.click（）并激活它们全部

来源

2014-02-28 02:44:32 Haiz

HTML/CSS/jQuery的点击通过元素和所有触发事件

回答

相关问题