jquery find vs jquery each
Date tested:
one year ago
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Test name
Executions per second
Each
147265.8 Ops/sec
Find
96540.7 Ops/sec
Benchmark definition (click to collapse):
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);
Open this result on MeasureThat.net