Closest jquery vs vanilla

Benchmark created by Thor Hanks on September 25, 2014

Preparation HTML

<div>
  <span>
    <span id="test"></span>
  </span>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

var test = document.getElementById("test");
  var $test = $("#test");
  
  var Closest = function(element, tagname)
  {
      tagname = tagname.toLowerCase();
      do
      {
          if(element.nodeName.toLowerCase() === tagname)
              return element;
      }while(element = element.parentNode)
  
      return null;
  };

Test runner

var target = $test.closest("div");

var target = Closest(test, "div");

Revisions

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

• Revision 1: published by Thor Hanks on September 25, 2014