JSFiddle - React, Tailwind, and code Playground
HTML
<div>A</div>
<div>B</div>
<div>C</div>
JavaScript
$.fn.each2 = function(callback)
{
for ( var i = 0; i < this.length; ++i ) {
var jObj = this.eq(i);
callback.call( jObj, i, jObj )
}
};
$.fn.each3 = function(callback)
{
for ( var i = 0; i < this.length; ++i ) {
var jObj = $(this[i]);
callback.call( jObj, i, jObj )
}
};
var d = new Date();
for (var i = 0; i < 10000; ++i)
{
$("div").each(function(i, obj) {
//alert("(each) " + this.toString() + " == " + obj.toString());
});
}
alert((new Date() - d));
var d2 = new Date();
for (var i = 0; i < 10000; ++i)
{
$("div").each2(function(i, obj) {
//alert("(each2) " + this.toString() + " == " + obj.toString());
});
}
alert((new Date() - d2));
var d3 = new Date();
for (var i = 0; i < 10000; ++i)
{
$("div").each3(function(i, obj) {
//alert("(each2) " + this.toString() + " == " + obj.toString());
});
}
alert((new Date() - d3));