Find vs. Filter (v5)

Revision 5 of this benchmark created on December 20, 2013

Preparation HTML

<table id="myTable">
  <thead>
    <tr>
      <th>
        Whatever
      </th>
      <th>
        Whatever
      </th>
      <th>
        Whatever
      </th>
      <th>
        Whatever
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
    <tr>
      <td>
        Whatever
      </td>
      <td>
        Whatever
      </td>
      <td class="selected">
        Whatever
      </td>
      <td>
        Whatever
      </td>
    </tr>
  </tbody>
</table>
<style>.selected { background: #eee; }</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Setup

var table = $('#myTable');

Test runner

var selectedCells = table.find('.selected');

var allCells = table.find('td');
var selectedCells = allCells.filter('.selected');

var selectedCells = table.filter('.selected');

Revisions

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

• Revision 1: published on June 13, 2013
• Revision 2: published by Jeromy French on September 25, 2013
• Revision 3: published on October 30, 2013
• Revision 4: published on October 30, 2013
• Revision 5: published on December 20, 2013
• Revision 6: published on June 24, 2014