兼容性和Safari

Question

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

請參考my question，答案只在火狐，Chrome和Opera鏈接above作品。

我做了一些研究，發現它（不區分大小寫的標誌）不兼容。我需要在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); 
});