querySelector() 组合多个属性选择器

Question

我有一个具有这种格式的类的输入字段：

some_starting_constant_string somevariablestring some_ending_constant_string

所以我想要一个使用开头和结尾组合的查询选择器：

document.querySelectorAll("input[class^='some_starting_constant_string' AND class$='some_ending_constant_string']

这可能吗？组合开始于和结束于规则？

Answer 1

您只需将两个属性选择器分开即可：

input[class^='some_starting_constant_string'][class$='some_ending_constant_string']

console.log(
  document.querySelectorAll("[class*='start'][class$='end']")
)

<div class="start__end"></div>
<div class="start_heretoo_end"></div>
<div class="sta__end"></div>
<div class="rt__end"></div>
<div class="start__d"></div>

Answer 2

这是一种方法，因此元素返回按特定顺序

querySelectorOrdered =(...selectors)=> {

    let arrOut = [];

    for(let i = 0; i < selectors.length; i++)
    {
      arrOut.push(...document.querySelectorAll(selectors[i]));
    }

   return arrOut;
 }

参考：vb6code.com/code-javascript-queryselectorall-ordered.php