Preparation code

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

<div class="testDiv">
    <span class="testSpan"></span>
<span data-group="testSpan2"></span>
</div>

<div>
    <span data-group="testSpan"></span>
<span class="testSpan2"></span>
</div>

Preparation code output

Test runner

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

Java applet disabled.

$("div.testDiv > span.testSpan");

$("[data-group='testSpan']");

$("span[data-group='testSpan']");
 

$(".testSpan");

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 on 2nd November 2011
• Revision 2: published on 4th November 2011
• Revision 3: published on 24th January 2012
• Revision 5: published on 5th February 2012
• Revision 6: published on 5th February 2012
• Revision 7: published on 6th February 2012
• Revision 8: published on 6th February 2012
• Revision 9: published on 6th February 2012
• Revision 10: published on 6th February 2012
• Revision 11: published on 16th February 2012

0 comments