javascript - 具有多个/许多伪选择器/匹配项的 native Javascript querySelectorAll()

Question

如何在原生 Javascript querySelectorAll() 中放置多个伪选择器？

示例:我想搜索 id 以 [id^=starting] 开头并以 [id$=ending] 结尾的元素。(找不到现有的问题所以自己做并回答)

Answer 1

使用 native Javascript 这将是代码:

document.querySelectorAll('[id^=starting][id$=ending]');

或

document.querySelectorAll('[id^='+startingString+'][id$='+endingString+']');

这将获取一个以指定字符串开头并以指定字符串结尾的元素。

编辑:并做一个“或”，在它们之间放一个空格:

document.querySelectorAll('[id^=starting] [id$=ending]');