JQuery Tree Traversing (v5)

Revision 5 of this benchmark created on


Description

testing the traversing functions of the JQuery engine

Preparation HTML

<div>
<div>
<span>
<ul>
<li>This is the first item <a href="#">I am an anchor</a></li>
<li id="special">This is a parent<div>I am a child</div><div>I am a sibling</div></li>
<li>I am a sibling</li>
</ul></span>
<div>I'm the next and closest div.</div>
</div>
<span>I'm a span</span>
<div>I'm the next div</div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  var $li = $('li');
  var $ul = $('ul');
  var $div = $('div');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
children()
var a = $li.children('div');
ready
closest()
var a = $li.closest('div');
ready
find()
var a = $li.find('div');
ready
next()
var a = $li.next('div');
ready
nextAll()
var a = $li.nextAll('div');
ready
offsetParent()
var a = $ul.offsetParent('span');
ready
parent()
var a = $li.parent('ul');
ready
parentsUntil()
var a = $li.parentsUntil('ul');
ready
prev()
var a = $div.prev('span');
ready
prevAll()
var a = $div.prevAll('span');
ready
sibling()
var a = $ul.siblings('div');
ready
filter() *black-sheep
var a = $li.filter("li#special")
ready

Revisions

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