具有多个/多个伪选择器/匹配的本机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+']');

这将获得一个以指定字符串AND开头的元素,并以指定的字符串结束.

编辑:要做一个"或",在它们之间放一个空格:

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