什麼是這個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工作，如果你煩惱。