我可以在 document.querySelectorAll 函数中匹配 forEach 变量吗

Question

我正在尝试重构我的 document.querySelectorAll 代码，将多个 classes/types 组合在一个函数中，而不是让多个函数执行相同的任务，但对于一个不同 class/type.

Sample

document.querySelectorAll("button[name='checkout']","input[name='checkout']");

x.forEach(el => el.setAttribute("disabled","disabled"))

这适用于匹配第一个匹配项（按钮元素），但它不匹配之后的每个 class（即输入元素）。

如何调整我的代码以获得我想要的同时禁用按钮和输入的结果？

Answer 1

querySelectorAll 只接受一个参数，而不是两个。但是，您可以传递 single selector list that matches multiple elements:

document.querySelectorAll("button[name='checkout'], input[name='checkout']");
//                                                ^^

Can I match forEach variable within document.querySelectorAll function