jQuery :contains VS .filter (v4)

Revision 4 of this benchmark created by Ben on


Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/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('li'),
      filter = "ext";
  var regX = new RegExp('<a.*?>'+filter+'</a>','gi');

Test runner

Ready to run.

Testing in
TestOps/sec
:contains
var no  = $A.not(':contains(" + filter + ")'),
    yes = $A.filter(":contains(" + filter + ")");
ready
.filter
var no = $A.filter(function () {
        return !(regX.test($(this).text()))
    }),
    yes = $A.filter(function () {
        return (regX.test($(this).text()))
    });
 
ready

Revisions

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