Remove Elemens

Benchmark created by Edward on December 14, 2014

Preparation HTML

<div id="data">
<ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
</ul>
<p>a</p>
<ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
</ul>
<p>b</p>
<ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
</ul>
<p>c</p>
<ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
</ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

function removeOtherElements( base, target ) {
  var
    rootElement = document.getElementsByTagName( base )[0],
    dest = target.toUpperCase(),
    walker = document.createTreeWalker( rootElement, NodeFilter.SHOW_ELEMENT, null, false ),
    node = walker.currentNode;

  for( var i = 0; i < node.children.length; i++ ) {
    if( node.children[i].nodeName !== dest ) {
      node.children[i].remove();
    }
  }
}

removeOtherElements( "div", "p" )

$("#data").children().not("p").remove();

Revisions

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

• Revision 1: published by Edward on December 14, 2014