什么是这个jQuery选择器的纯JavaScript替代品？

Question

我有这个jQuery选择器：

$('#stuffElements').find('[data-markerlayer="layer1"]');

我有很多与此类似的选择器，我希望尽可能优化我的脚本，因为重写大多数选择器只需要我的努力。

无论讨论是否有用，是否可以在纯JavaScript中编写上述选择器？

Answer 1

document.querySelectorAll('#stuffElements [data-markerlayer="layer1"]')

或提高效率：

var holder = document.getElementById('#stuffElements'); // cache parent node
holder.querySelectorAll('[data-markerlayer="layer1"]'); // finds inside it

如果困扰你的话，

querySelectorAll在IE7中不起作用。