jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

jQuery Parents vs Closest (v6)

Revision 6 of this benchmark created on August 11, 2011

Description

Similar to parent vs closest, only this time testing when searching >1 level of the DOM ancestors.

Preparation HTML

<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<div class="name">
        <div class="name">
                <div class="name">
                        <div class="name">
                                <div class="name">
                                        <div class="name">
                                                <div class="name">
                                                        <div class="name">
                                                                <div class="name">
                                                                        <div class="name">
                                                                                <div class="name">
                                                                                        <div class="name">
                                                                                                <div class="name">
                                                                                                        <div class="name">
                                                                                                                <div class="name">
                                                                                                                        <div class="name">
                                                                                                                                <div class="name">
                                                                                                                                        <div class="name">
                                                                                                                                                <div class="parent">
                                                                                                                                                        <div class="name">
                                                                                                                                                                <div class="name">
                                                                                                                                                                        <div class="name">
                                                                                                                                                                                <div class="name">
                                                                                                                                                                                        <div class="child">

                                                                                                                                                                                        </div>
                                                                                                                                                                                </div>
                                                                                                                                                                        </div>
                                                                                                                                                                </div>
                                                                                                                                                        </div>
                                                                                                                                                </div>
                                                                                                                                        </div>
                                                                                                                                </div>
                                                                                                                        </div>
                                                                                                                </div>
                                                                                                        </div>
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Test runner

Ready to run.

Testing in
Test		Ops/sec
Parents	`$("div.child").parents("div.parent")`	ready
Closest	`$("div.child").closest("div.parent")`	ready

Revisions

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

Revision 1: published on June 8, 2011
Revision 2: published on June 8, 2011
Revision 3: published on July 20, 2011
Revision 4: published on July 21, 2011
Revision 5: published on July 28, 2011
Revision 6: published on August 11, 2011
Revision 8: published on January 19, 2012
Revision 9: published by p on May 31, 2012
Revision 10: published on June 15, 2012
Revision 11: published on June 23, 2012
Revision 12: published on August 22, 2012
Revision 13: published on August 27, 2012
Revision 15: published on September 12, 2012
Revision 16: published on October 18, 2012
Revision 18: published on January 14, 2013
Revision 19: published on January 23, 2013
Revision 20: published on January 25, 2013
Revision 22: published on February 20, 2013
Revision 23: published on February 21, 2013
Revision 24: published on February 28, 2013
Revision 25: published on March 21, 2013
Revision 26: published on March 31, 2013
Revision 27: published on April 3, 2013
Revision 28: published on April 9, 2013
Revision 29: published on April 17, 2013
Revision 30: published on April 17, 2013
Revision 31: published on April 22, 2013
Revision 32: published on May 7, 2013
Revision 33: published on May 13, 2013
Revision 34: published on June 20, 2013
Revision 35: published on June 20, 2013
Revision 36: published on August 2, 2013
Revision 37: published on August 6, 2013
Revision 39: published by Jim Montgomery on November 9, 2013
Revision 40: published on November 28, 2013
Revision 41: published by a on December 2, 2013
Revision 42: published on December 24, 2013
Revision 43: published on January 29, 2014
Revision 44: published on February 13, 2014
Revision 45: published on February 14, 2014
Revision 46: published on March 16, 2014
Revision 49: published on May 16, 2014
Revision 50: published on May 17, 2014
Revision 52: published on June 17, 2014
Revision 53: published by Clint on August 6, 2014
Revision 55: published by David on August 13, 2014
Revision 56: published by Enoc Bahena on August 21, 2014
Revision 57: published by ssds on August 23, 2014
Revision 58: published by ssds on August 23, 2014
Revision 59: published on September 12, 2014
Revision 60: published on October 8, 2014
Revision 66: published on April 16, 2015