Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<table class="myTable">
  <tr>
    <td>Just some text. td #1</td>
  </tr>
  <tr class="hideMe">
    <td>Just some text. td #2</td>
  </tr>
  <tr class="hideMe">
    <td>Just some text. td #3</td>
  </tr>
  <tr>
    <td>Just some text. td #4</td>
  </tr>
  <tr>
    <td>Just some text. td #5</td>
  </tr>
  <tr class="hideMe">
    <td>Just some text. td #6</td>
  </tr>
  <tr>
    <td>Just some text. td #7</td>
  </tr>
  <tr>
    <td>Just some text. td #8</td>
  </tr>
  <tr>
    <td>Just some text. td #9</td>
  </tr>
  <tr>
    <td>Just some text. td #10</td>
  </tr>
  <tr>
    <td>Just some text. td #11</td>
  </tr>
  <tr>
    <td>Just some text. td #12</td>
  </tr>
  <tr>
    <td>Just some text. td #13</td>
  </tr>
  <tr>
    <td>Just some text. td #14</td>
  </tr>
  <tr>
    <td>Just some text. td #15</td>
  </tr>
  <tr class="hideMe">
    <td>Just some text. td #16</td>
  </tr>
  <tr>
    <td>Just some text. td #17</td>
  </tr>
  <tr>
    <td>Just some text. td #18</td>
  </tr>
  <tr>
    <td>Just some text. td #19</td>
  </tr>
  <tr>
    <td>Just some text. td #20</td>
  </tr>
  <tr>
    <td>Just some text. td #21</td>
  </tr>
  <tr>
    <td>Just some text. td #22</td>
  </tr>
  <tr>
    <td>Just some text. td #23</td>
  </tr>
  <tr>
    <td>Just some text. td #24</td>
  </tr>
  <tr>
    <td>Just some text. td #25</td>
  </tr>
  <tr>
    <td>Just some text. td #26</td>
  </tr>
  <tr>
    <td>Just some text. td #27</td>
  </tr>
  <tr>
    <td>Just some text. td #28</td>
  </tr>
  <tr>
    <td>Just some text. td #29</td>
  </tr>
  <tr>
    <td>Just some text. td #30</td>
  </tr>
  <tr>
    <td>Just some text. td #31</td>
  </tr>
  <tr>
    <td>Just some text. td #32</td>
  </tr>
  <tr>
    <td>Just some text. td #33</td>
  </tr>
  <tr>
    <td>Just some text. td #34</td>
  </tr>
  <tr>
    <td>Just some text. td #35</td>
  </tr>
  <tr>
    <td>Just some text. td #36</td>
  </tr>
  <tr>
    <td>Just some text. td #37</td>
  </tr>
  <tr>
    <td>Just some text. td #38</td>
  </tr>
  <tr>
    <td>Just some text. td #39</td>
  </tr>
  <tr>
    <td>Just some text. td #40</td>
  </tr>
</table>
<script>
  Benchmark.prototype.setup = function() {
    var $rows = $('.myTable tr:not(.hideMe)');
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$rows.each(function (i) {
    $(this).toggleClass( 'altRow', !! (i & 1) );
});

$rows
  .removeClass('altRow')
  .filter(':odd')
  .addClass('altRow');

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

Compare results of other browsers

0 comments