如何查找具有与模式匹配的属性的所有元素data-foo-bar-*,例如
<div data-foo-bar-id="" />
Run Code Online (Sandbox Code Playgroud)
使用document.querySelectorAllwith foo-bar-*pattern会出错:
未捕获的SyntaxError:无法在'Document'上执行'querySelectorAll':'[data-foo-bar-*]'不是有效的选择器.
参考答案:https : //stackoverflow.com/a/38399344/5132413
请参考我的问题,上面链接的答案仅适用于 Firefox、Chrome 和 Opera。
我做了一些研究,发现它(不区分大小写标志)不兼容。我需要 IE、Edge 和 Safari 中的等效项。
var divs = document.querySelectorAll('div[class^="foo" i]');
Run Code Online (Sandbox Code Playgroud) javascript safari internet-explorer selectors-api microsoft-edge