.siblings() vs. $('selector') (v2)

Revision 2 of this benchmark created by Vinnie Franco on


Description

Within the scope of a single list item, I want to see if it's better to use $(this).siblings(), or just their selector.

Preparation HTML

<ul class="listing">
  <li class="item">01</li>
  <li class="item">02</li>
  <li class="item">03</li>
  <li class="item">04</li>
  <li class="item">05</li>
<ul>

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

Test runner

Ready to run.

Testing in
TestOps/sec
.siblings()
$('.item').click(function() {
 $(this).addClass('selected').siblings().removeClass('selected');
});
ready
selector
$('.item').click(function() {
 $('.item').removeClass('selected');
 $(this).addClass("selected");
});
ready

Revisions

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

  • Revision 2: published by Vinnie Franco on