Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html/css/jquery点击元素和所有触发事件_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript html/css/jquery点击元素和所有触发事件

Javascript html/css/jquery点击元素和所有触发事件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,假设我有一个“红色”按钮,后面有多个按钮: <button type="button">Red</button> <button type="button">ABC</button> <button type="button">DEF</button> <button type="button">GHI</button> <button type="button">JKL</butt

假设我有一个“红色”按钮,后面有多个按钮:

<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>
红色
基础知识
DEF
GHI
JKL
不知何故,它们彼此叠加在一起。但按钮“红色”在顶部

单击“红色”是否可能会触发自身的事件以及后面所有按钮的

因此,使用CSS
“指针事件:无;”
在这里不起作用。同样,这是一种常见情况,因此应该排除使用jQuery选择器手动选择和触发它们的可能性。

当您单击
红色按钮时,您可以使用触发
绿色按钮和
蓝色按钮的单击事件:

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

尝试将它们放入css类。如果您想使用javascript jquery,请执行.click()并激活所有这些

好吧,我应该将我的问题改为:假设我的顶部有一个红色按钮,后面还有许多我不知道的元素。我只是希望当我单击红色按钮时,该操作将应用于它,并转移到后面的所有其他元素。@tommyogp。您可以使用同级选择器$(“button.red”).sides().trigger(“click”)@tommyogp您可以使用:$(“button.red”)。兄弟('button')。触发器(“click”);您可以从以下站点阅读有关兄弟姐妹的更多信息: