有没有办法在querySelector中使用*？

Question

我有这样的选择器：

i = 0; i < 24

ctl03_ctl00_G0_G1_0_0_0_G22_2_0_0_G23_3_GetShiftInput_ShiftButton_496_0_Editor_${i}

据我所知，我可以像这样替换字母和数字的“随机”序列：
document.querySelector('[id*="_ShiftButton_496_0_Editor_${i}"]').innerText

它们是引用该选择器的一种方式：

document.querySelector('[id*="_ShiftButton *_Editor_${i}"]').innerText

通过访问具有这些单词以及其中任何内容的选择器。 重点是要遍历每个元素并访问其文本。

到目前为止，我正在使用：

document.querySelector('[id*="*_Editor_${i}"]').innerText

但是，这感觉很不精确。

Answer 1

属性选择器不支持通配符，但是您可以组合子字符串匹配的属性选择器。

[id*="_ShiftButton"][id*="_Editor_"]

对于包含两个子字符串的属性。