匹配的本机 Javascript querySelectorAll()

【问题标题】：Native Javascript querySelectorAll() with multiple/many pseudo selectors/matches具有多个/许多伪选择器/匹配的本机 Javascript querySelectorAll()
【发布时间】：2013-05-19 16:17:48
【问题描述】：

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

示例：我想搜索一个 id 以 [id^=starting] 开头并以 [id$=ending] 结尾的元素。（找不到现有的问题，所以自己提出并回答）

【问题讨论】：

标签： javascript string-matching selectors-api

【解决方案1】：

使用 Native Javascript 这将是代码：

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

或

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

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

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

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

【讨论】：

注意：如果您希望在同一元素上同时匹配两者，则在[id^=starting] 和[id$=ending] 之间不应有空格。
啊，我明白了……有道理