nextAll().first() vs nextUntil().last().next()

Benchmark created by lonesomeday on


Description

What's the fastest way in jQuery to find the next sibling that matches a selector?

Preparation HTML

<div id="container">

    <div class="box">abc</div>
    <div class="box" id="secondbox">abc</div>
    <div>generic</div>
    <div>generic</div>
    <div>generic</div>
    <div>generic</div>
    <div>generic</div>
    <div>generic</div>
    <div>generic</div>
    <div class="box">generic</div>
    <div>generic</div>
    <div class="box">generic</div>
    <div>generic</div>
    <div>generic</div>
    <div class="box">generic</div>
    <div>generic</div>
    <div class="box">generic</div>
</div><script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
nextAll().first()
$('#secondbox').nextAll('.box').first();
ready
nextUntil().last().next()
$('#secondbox').nextUntil().last().next();
ready

Revisions

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