jQuery closest vs parents

JavaScript performance comparison

Test case created by paul

Preparation code

<div id="items" class="item">
        <div class="item">
                <h2 class="title"></h2>
                <ul class="actions">
                        <li><a href="#"></a></li>
                        <li class="item"><a href="#" class="selected"></a></li>
                        <li><a href="#"></a></li>
                </ul>
        </div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
<script>
Benchmark.prototype.setup = function() {
    var $a = $('a.selected');
};
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
closest
var $item = $a.closest('.item');
pending…
parents
var $item = $a.parents('.item');
pending…

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

Compare results of other browsers

0 comments

Add a comment