JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.broofa.com/Tools/JSLitmus/JSLitmus.js"></script>
<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>
<div id="test4"></div>
<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>
<div id="test4"></div>
<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>
<div id="test4"></div>
<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>
<div id="test4"></div>
<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>
<div id="test4"></div>
<span id="res"></div>
JavaScript
/* SELECTOR GBTG + EACH */
JSLitmus.test('by tag - each', function() {
var res = document.getElementById('res');
res.innerHTML = '';
var div = document.getElementsByTagName('div');
var text = '';
[].forEach.call(div, function(o){
text += o.id;
});
res.innerHTML += text;
});
/* SELECTOR QS + EACH */
JSLitmus.test('by query - each', function() {
var res = document.getElementById('res');
res.innerHTML = '';
var secDiv = document.querySelectorAll('div');
var text = '';
[].forEach.call(secDiv, function(o){
text += o.id;
});
res.innerHTML += text;
});
/* SELECTOR jQ + EACH */
JSLitmus.test('by jQuery - each', function() {
var res = document.getElementById('res');
res.innerHTML = '';
var secDiv = $('div');
var text = '';
secDiv.each(function(){
text += this.id;
});
res.innerHTML += text;
});
/* SELECTOR GBTG + FOR */
JSLitmus.test('by tagName - for', function() {
var res = document.getElementById('res');
res.innerHTML = '';
var div = document.getElementsByTagName('div');
var text = '';
for(var i=0, l=div.length; i<l; i++){
text += div[i].id;
}
res.innerHTML += text;
});
/* SELECTOR QS + FOR */
JSLitmus.test('by query - for', function() {
var res = document.getElementById('res');
res.innerHTML = '';
var secDiv = document.querySelectorAll('div');
var text = '';
for(var i=0, l=secDiv.length; i<l; i++){
text += secDiv[i].id;
}
res.innerHTML += text;
});
/* SELECTOR jQ + FOR */
JSLitmus.test('by jQuery - for', function() {
var res = document.getElementById('res');
res.innerHTML = '';
var secDiv = $('div').children();
var text = '';
for(var i=0, l=secDiv.length; i<l; i++){
text += secDiv[i].id;
}
res.innerHTML += text;
});