traversing the DOM using jquery

Benchmark created by gitlovenotwar on October 23, 2014

Description

Preparation HTML

<div class="parent">
     <div id="child-div-1" class="parent-child"></div>
     <div id="child-div-2" class="parent-child"></div>
     <div id="child-div-3" class="parent-child"></div>
     <div id="child-div-4" class="parent-child"></div>
     <div id="child-div-5" class="parent-child"></div>
     <div id="child-div-6" class="parent-child"></div>
     <div id="child-div-7" class="parent-child"></div>
     <div id="child-div-8" class="parent-child"></div>
     <div id="child-div-9" class="parent-child"></div>
     <div id="child-div-10" class="parent-child"></div>
     <div id="child-div-11" class="parent-child"></div>
     <div id="child-div-12" class="parent-child"></div>
     <div id="child-div-13" class="parent-child"></div>
     <div id="child-div-14" class="parent-child"></div>
     <div id="child-div-15" class="parent-child"></div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

var $child10 = $('#child-div-10');

Test runner

var $parent1 = $('.parent');

var $parent2 = $child10.closest('.parent').eq(0);

Revisions

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

• Revision 1: published by gitlovenotwar on October 23, 2014