slice vs nth-child (v5)

Revision 5 of this benchmark created by Ryan Neufeld on June 7, 2011

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js">
</script>
<table>
  <tr>
    <td>
      1
    </td>
    <td>
      2
    </td>
    <td>
      3
    </td>
    <td>
      4
    </td>
    <td>
      5
    </td>
    <td>
      6
    </td>
    <td>
      7
    </td>
  </tr>
  <tr>
    <td>
      8
    </td>
    <td>
      9
    </td>
    <td>
      10
    </td>
    <td>
      11
    </td>
    <td>
      12
    </td>
    <td>
      13
    </td>
    <td>
      14
    </td>
  </tr>
  <tr>
    <td>
      15
    </td>
    <td>
      16
    </td>
    <td>
      17
    </td>
    <td>
      18
    </td>
    <td>
      19
    </td>
    <td>
      20
    </td>
    <td>
      21
    </td>
  </tr>
</table>
<script>
  var $ = jQuery,
      trs = $('tr');
</script>

Test runner

trs.each(function() {
  $(this).children().slice(2, 3).html();
});

trs.each(function() {
  $(this).find('td:nth-child(3)').html();
});

trs.each(function() {
  $('td:nth-child(3)', this).html();
});

trs.each(function() {
var tds = $(this).find('td');
  $(tds[2]).html();
});

trs.each(function() {
var tds = $(this).find('td');
  $(tds.get(2)).html();
});

Revisions

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

• Revision 5: published by Ryan Neufeld on June 7, 2011