关于querySelectorAll的技术问题：筛选不含minor的div元素

我来帮你搞定这个筛选问题！针对你给出的DOM结构，有两种靠谱的解决方案，看你偏好哪种：

方法一：纯CSS选择器直接筛选 #

你可以利用CSS的:not()伪类结合属性选择器，一步到位拿到目标元素：

const targetDivs = document.querySelectorAll('div[id^="main_"]:not([id*="minor"])');

• div[id^="main_"]：先选中所有id以main_开头的div元素；
• :not([id*="minor"])：再排除掉id中包含minor字符串的元素，正好符合你的需求。

方法二：结合正则表达式做JS过滤 #

如果更习惯用正则精准匹配id格式（比如严格匹配main_+数字的结构），可以先选中范围元素，再用正则过滤：

// 定义正则：匹配以main_开头，后面跟1个或多个数字，且没有其他字符的id
const idPattern = /^main_\d+$/;
// 先选所有id以main_开头的div，转成数组后过滤
const validDivs = Array.from(document.querySelectorAll('div[id^="main_"]'))
  .filter(div => idPattern.test(div.id));

这种方式更严谨，能确保只保留main_0、main_1这类纯数字后缀的div，不会误判其他可能带main_但格式不符的元素。

两种方法都能解决你的问题，根据实际场景选就行～

内容的提问来源于stack exchange，提问作者mario