Removing Empty Paragraphs - Javascript vs jQuery

Benchmark created by Jon Quach on December 30, 2013

Preparation HTML

<p></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed lacus libero. Donec hendrerit congue est, interdum laoreet quam egestas sed. Praesent in porta massa, at pellentesque tortor. Praesent tristique, ligula non ornare dignissim, tortor felis molestie massa, eu semper ipsum risus gravida tortor. Nunc nisi lacus, molestie sit amet orci id, ultricies feugiat nulla. Duis arcu eros, aliquam quis commodo bibendum, egestas ultricies metus. In hac habitasse platea dictumst. Fusce at nunc quis sapien interdum laoreet. Vestibulum lectus nunc, tempor vitae auctor vitae, elementum a arcu. Suspendisse sollicitudin luctus lectus, ut bibendum ante. Praesent et felis vitae ante convallis laoreet. Cras cursus bibendum elit a egestas. Donec id porta purus, ac porttitor purus. Curabitur mattis ultricies lectus, hendrerit euismod augue aliquam quis.
</p>
<p></p>
<p></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed lacus libero. Donec hendrerit congue est, interdum laoreet quam egestas sed. Praesent in porta massa, at pellentesque tortor. Praesent tristique, ligula non ornare dignissim, tortor felis molestie massa, eu semper ipsum risus gravida tortor. Nunc nisi lacus, molestie sit amet orci id, ultricies feugiat nulla. Duis arcu eros, aliquam quis commodo bibendum, egestas ultricies metus. In hac habitasse platea dictumst. Fusce at nunc quis sapien interdum laoreet. Vestibulum lectus nunc, tempor vitae auctor vitae, elementum a arcu. Suspendisse sollicitudin luctus lectus, ut bibendum ante. Praesent et felis vitae ante convallis laoreet. Cras cursus bibendum elit a egestas. Donec id porta purus, ac porttitor purus. Curabitur mattis ultricies lectus, hendrerit euismod augue aliquam quis.
</p>
<p></p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

        var removeEmptyParagraphs = function() {
          var paragraphs = document.getElementsByTagName('p');
          if (paragraphs[0] !== undefined) {
            for (var i = paragraphs.length - 1; i >= 0; i--) {
              var paragraph = paragraphs[i];
              if (paragraph.innerHTML === '') {
                paragraph.parentNode.removeChild(paragraph);
              }
            }
          } else {
            return false;
          }
        };
        removeEmptyParagraphs();

        var removeEmptyParagraphs = function() {
          $('p:empty').remove();
        };
        removeEmptyParagraphs();

Revisions

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

• Revision 1: published by Jon Quach on December 30, 2013