html - 确保在一个元素中顺序执行onClick方法（元素有多个类，每个类都有一个onclick jquery函数）

Question

我正在做一个项目，并且在使用 jquery 时遇到了一些问题。

button(class="my-btn do-btn")

my-btn 和 do-btn 都有一个 'onClick' jQuery，我需要在单击按钮时按顺序发生这两个事件。

我无法修改由两个类组成的元素的格式，每个类都有一个 onClick 函数。

如何确保 my-btn jquery on click 功能出现在 do-button jquery 功能之前？

谢谢你的帮助。

标签： htmljqueryonclickpug

Answer 1

您不需要添加两个类和两个不同的 onClick 事件。您只能调用一个 onClick 事件，并且在该函数中，您可以根据需要相应地添加代码，以执行以下操作：

button(class="my-btn do-btn")

$(my-btn/do-btn).onClick(() => {
  first fn-call;
  second fn-call;
});

//In this way first and second will call sequentially