Info

Testar funções que remove o conteúdo que estão dentro de um elemento ou remove o próprio elemento pai.

Preparation code

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

<div id="empty-me"><div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div></div>
<div id="remove-me"><div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div></div>
<div id="hide-me"><div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div></div>
<div id="detach-me"><div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div></div>
<div id="attr-me"><div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div>
<div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div><div class="content">Shit</div></div>

<script>
  function init() {
   // The magic init() function will be executed once before every test
   // Still not perfect, but definitely better
   $('<div id="remove-me" />').appendTo('body');
   $('#hide-me').show();
   if (window.$detached != null) {
    window.$detached.appendTo('body');
   }
   $('#hide-me').attr('style', 'display:block;');
  }
</script>

Preparation code output

Test runner

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

Java applet disabled.

window.$removed = $('#remove-me').remove();

window.$hidden = $('#hide-me').hide();

window.$detached = $('#detach-me').detach();

window.$empty = $('#empty-me').empty();

window.$lt = $('#remove-me:lt(10)').remove();

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 Alex Kahn on 8th October 2010 and last updated on 9th October 2010
• Revision 2: published by Alex Kahn on 12th October 2010
• Revision 3: published by Mathias Bynens on 12th October 2010
• Revision 4: published by tenbits on 12th May 2011
• Revision 5: published on 2nd June 2011
• Revision 6: published by peke on 25th July 2011
• Revision 7: published on 25th August 2011
• Revision 9: published on 1st September 2011
• Revision 10: published on 19th June 2012
• Revision 12: published on 19th July 2012
• Revision 14: published on 26th July 2012
• Revision 15: published by fghfgh on 23rd September 2012
• Revision 16: published on 26th September 2012
• Revision 17: published on 2nd October 2012
• Revision 18: published on 2nd October 2012
• Revision 20: published by Felipo Antonoff on 27th December 2012
• Revision 21: published on 9th February 2013
• Revision 22: published by Chele Loco on 11th February 2013
• Revision 23: published by Don on 26th February 2013
• Revision 24: published on 27th March 2013
• Revision 25: published on 24th April 2013

0 comments