jQuery siblings vs parent.find:first

Benchmark created by mr. Krivega on April 7, 2016

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <ul id="list" class="level-1">
    <li class="item-i">I</li>
    <li id="ii" class="item-ii">II
      <ul class="level-2">
        <li class="item-a">A</li>
        <li class="item-b">B
          <ul class="level-3">
            <li class="item-1">1</li>
            <li class="item-2">2</li>
            <li class="item-3">3</li>
          </ul>
        </li>
        <li class="item-c">C</li>
      </ul>
    </li>
    <li class="item-iii">III</li>
    <li class="item-iiii">IIII</li>
    <li class="item-iiii">IIII</li>
    <li class="item-iiii">IIII</li>
    <li class="item-iiii">IIII</li>
    <li class="item-iiii">IIII</li>
  </ul>

Setup

var $list = $('#list');
        var $item = $list.find('.item-i');

Test runner

$item.siblings('li');

$item.parent().find('li:first');

Revisions

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

• Revision 1: published by mr. Krivega on April 7, 2016