Preparation code

<div>
  <ul id="list">
    <li class="test"></li>
    <li></li>
    <li class="test"></li>
    <li></li>
    <li class="test"></li>
    <li></li>
    <li class="test"></li>
    <li></li>
    <li class="test"></li>
  </ul>
</div>

<div class="test"></div>

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

<script>
  var list = document.getElementById('list');
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

var $test = $('.test', list);

var $test = $('#list .test');

var $test = $(list).find('.test');

var $test = $('.test', $('#list'));

var $test = $('#list').find('.test');

var $test = $('#list > .test');

$test = $(list).children('.test');

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by Zeno Rocha on 5th March 2013
• Revision 2: published by trajektorijus on 11th March 2013
• Revision 3: published on 12th March 2013
• Revision 4: published on 12th March 2013
• Revision 5: published on 12th March 2013
• Revision 6: published on 12th March 2013
• Revision 7: published by Scott on 12th March 2013
• Revision 8: published by Stephen on 12th March 2013
• Revision 9: published on 19th March 2013
• Revision 10: published on 30th April 2013
• Revision 11: published 2 weeks ago

0 comments