jQuery :contains VS .filter (v8)

Revision 8 of this benchmark created on

Preparation HTML

<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<ul id="list">
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
    <li><a href="#">text</a></li>
</ul>

Setup

var $A     = $('#list').find('a'),
      filter = "ext";

Test runner

Ready to run.

Testing in
TestOps/sec
.filter
var no = $A.filter(function () {
        return ($(this).text().indexOf(filter) === -1)
    }),
    yes = $A.filter(function () {
        return ($(this).text().indexOf(filter) > -1)
    });
ready
:contains
var no  = $A.filter(":not(:contains(" + filter + "))"),
    yes = $A.filter(":contains(" + filter + ")");
ready

Revisions

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