Preparation code

<ul id="groupContainer">
            <li id="groupId" class="group">
                <span id="groupBox" class="box groupName">
                    <span>Group</span>
                    <span id="add">Add</span>
                </span>
                <ul id="list">
                    <li class="box">Item 1</li>
                </ul>
            </li>
        </ul>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Preparation code output

Test runner

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

Java applet disabled.

var item = $('<li id="groupId" class="group"><span id="groupBox" class="box groupName"><span>Group</span><span id="add">Add</span></span><ul id="list"><li class="box">Item 1</li></ul></li>');

$("#groupContainer").prepend(item);

$("#groupContainer").prepend('<li id="groupId" class="group"><span id="groupBox" class="box groupName"><span>Group</span><span id="add">Add</span></span><ul id="list"><li class="box">Item 1</li></ul></li>');

var item = $('<li id="groupId" class="group"><span id="groupBox" class="box groupName"><span>Group</span><span id="add">Add</span></span><ul id="list"><li class="box">Item 1</li></ul></li>');

$("#groupContainer").prepend(item.clone());

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 dfgsdfgsdfgsdf on 22nd December 2012
• Revision 2: published by dfgsdfgsdfgsdf on 22nd December 2012
• Revision 3: published by dfgsdfgsdfgsdf on 21st January 2013
• Revision 4: published by dfgsdfgsdfgsdf on 23rd January 2013

0 comments