什么是这个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工作，如果你烦恼。