.next().next().next() vs .nextAll(':eq(2)') vs nextAll().eq(2) (v4)

Revision 4 of this benchmark created on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="container">
<div id="selected_node"></div>
<div id="sibling_1"></div>
<div id="sibling_2"></div>
<div id="sibling_3"></div>
<div id="sibling_4"></div>
<div id="sibling_5"></div>
<div id="sibling_6"></div>
<div id="sibling_7"></div>
<div id="sibling_8"></div>
<div id="sibling_9"></div>
<div id="sibling_10"></div>
<div id="sibling_11"></div>
<div id="sibling_12"></div>
<div id="sibling_13"></div>
<div id="sibling_14"></div>
<div id="sibling_15"></div>
<div id="sibling_16"></div>
<div id="sibling_17"></div>
<div id="sibling_18"></div>
<div id="sibling_19"></div>
<div id="sibling_20"></div>
<div id="sibling_21"></div>
<div id="sibling_22"></div>
<div id="sibling_23"></div>
<div id="sibling_24"></div>
<div id="sibling_25"></div>
</div>

Setup

var selected = $('#selected_node');
  var second_sibling;

Test runner

Ready to run.

Testing in
TestOps/sec
.next() x3
second_sibling = selected.next().next().next();
ready
.nextAll(':eq(10)')
second_sibling = selected.nextAll(':eq(3)');
ready
.nextAll().eq(10)
second_sibling = selected.nextAll().eq(3);
ready

Revisions

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