Each VS for

Benchmark created on

Preparation HTML

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<style>
.row_pair { background-color:#ddd; }
</style>
<table id="test_table">
<tbody>
<tr class="row_odd">
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr class="row_odd">
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr class="row_pair">
<td></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>

Setup

var nCount = 0;

Test runner

Ready to run.

Testing in
TestOps/sec
For
var aRows = $.makeArray($( document.getElementById('test_table')).find( 'tr' ));
var nNumRows = aRows.length;
for(nCount = 0; nCount < nNumRows; nCount++)
{
        var $row = $(aRows[nCount]);
        $row.removeClass( 'row_odd row_pair' );
        if (( nCount % 2 ) === 0)
        {
                $row.addClass('row_pair');
        }
        else
        {
                $row.addClass('row_odd');
        }
}
ready
Each
var aRows = $( document.getElementById('test_table')).find( 'tr' );
var nNumRows = aRows.length;
aRows.each( function()
{
        var oRow = $( this );
        oRow.removeClass( 'row_odd row_pair' );
        if ( ( nCount++ % 2 ) === 0)
        {
                oRow.addClass( 'row_pair' );
        }
        else
        {
                oRow.addClass( 'row_odd' );
        }
})
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.