.next().next() vs .nextAll(':eq(1)') vs nextAll().eq(1)

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().next()
second_sibling = selected.next().next();
ready
.nextAll(':eq(1)')
second_sibling = selected.nextAll(':eq(1)');
ready
.nextAll().eq(1)
second_sibling = selected.nextAll().eq(1);
ready

Revisions

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