Jquery selector

Benchmark created on March 27, 2011

Preparation HTML

<nav id="nav" class="sort-pages modify-pages"> <h1> <span>Navigation</span> </h1> <ul class="main-menu" id="aui_3_2_0_11226"> <li class="main-item" id="aui_3_2_0_11225"> <a href="/web/guest/about" class="main-link" id="aui_3_2_0_11224"><span id="aui_3_2_0_11223"> About</span></a> <ul class="child-menu" style="display: block;"> <li class="child-item"> <a href="/web/guest/board-of-directors" class="child-link">Board of Directors</a> </li> <li class="child-item"> <a href="/web/guest/who-we-are" class="child-link">Who We Are</a> </li> </ul> </li> <li class="main-item"> <a href="/web/guest/platform" class="main-link"><span> Platform</span></a> </li> <li class="main-item"> <a href="/web/guest/other-bullshit" class="main-link"><span> Other Bullshit</span></a> </li> </ul> </nav><script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

$('#nav').children('ul').children('li')

$('#nav').find('.main-item')

Revisions

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

• Revision 1: published on March 27, 2011