IE，Edge和Safari中document.querySelectorAll的兼容性

Question

参考答案：https://stackoverflow.com/a/38399344/5132413

请参阅my question，并且链接above的答案仅适用于Firefox，Chrome和Opera。

我做了一些研究，发现它（不区分大小写标志）不兼容。我需要IE，Edge和Safari中的等价物。

var divs = document.querySelectorAll('div[class^="foo" i]');

Answer 1

由于css level 4仍处于草稿状态，因此区分大小写的选择器与大多数浏览器不兼容。你可以使用这样的过滤方法：

var divs = [].slice.call(document.querySelectorAll('div')).filter(function(el){
   return el.className.match(/^foo/i);
});