Run results for: jquery find vs jquery each

Run details:

User agent: Mozilla/5.0 (X11; CrOS x86_64 14909.100.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Browser: Chrome 104

Operating system: Chrome OS 14909.100.0

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Each	42263.0 Ops/sec
Find	20663.6 Ops/sec

HTML Preparation code:

<script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script><div class="parent-1">
    <div class="child-boxd">
        <input type="text" class="targetPrice" />
    </div>
    <div class="child-boxd">
        <input type="text" class="targetPrice" />
    </div>
    <div class="child-boxd">
        <input type="text" class="targetPrice" />
    </div>
</div>

Tests:

Each
$('.parent-1').children().each((index, el) => { if(index > 0) { $(this).find('.targetPrice').attr('disabled', true); } })
Find
let parent = $('.parent-1'); let childern = parent.find('.child-boxd'); childern.splice(0, 1); childern.find('.targetPrice').attr('disabled', true);

Run results for: jquery find vs jquery each

Each

Find