.querySelectorAll如何只采用具有所有属性的元素

Question

如果我有那个字符串:`

document.querySelectorAll("[data-name=" + CSS.escape(variable) + "]","[class='nameclass']");

它采用具有第一个属性的所有元素和具有第二个属性的所有元素.

我如何只采取每个属性的元素？

Answer 1

看来你正在寻找这个选择器:

document.querySelectorAll(".nameclass[data-name=" + CSS.escape(variable) + "]");

请注意,我用作.nameclass不同的类选择器[class=nameclass].第一个选择其中一个类的元素,nameclass第二个选择仅具有nameclass类属性的元素.

如果nameclass应该选择仅具有class属性的元素,则选择器应为:

"[class=nameclass][data-name=" + CSS.escape(variable) + "]"