document.querySelectorAll 在“：not”中的条件不起作用[重复]

Question

我尝试用原生方式替换 jQuery 的 .not() 函数，不幸的是我的用例 document.querySelectorAll 不起作用。

这就是我想要实现的——将 jQuery 选择器更改为 vanilla JS：

$('#someID').not('.classNameOne > div, .classNameTwo > div, div[class*="-something"] > div')

我尝试的是使用简单明了的这个选择器：

document.querySelectorAll("#someID:not(.classNameOne > div, .classNameTwo > div, div[class*="-something"] > div)");

这会引发此错误：

Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': '#someID:not(.classNameOne > div, .classNameTwo > div, div[class*="-something"] > div)' is not a valid selector.
at <anonymous>:1:10

你们中有人知道替换这个 jQuery 函数的更好方法吗？

谢谢！

Answer 1

试试这个

document.querySelectorAll("#someID:not(.classNameOne) > 
div, .classNameTwo > div, div[class*=-something] > div ");