jQuery :contains VS .filter (v7)

Revision 7 of this benchmark created on


Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.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
:contains
var no  = $A.filter(":not(:contains(" + filter + "))"),
    yes = $A.filter(":contains(" + filter + ")");
ready
.filter
var no = $A.filter(function () {
        return ($(this).text().indexOf(filter) === -1)
    }),
    yes = $A.filter(function () {
        return ($(this).text().indexOf(filter) > -1)
    });
 
ready

Revisions

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