jQuery get 3rd Level Parent

Benchmark created on

Preparation HTML

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

<script>
  var innerdiv = $('#inner');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Use parent()
var parent = innerdiv.parent().parent().parent();
ready
Use javascript
var parent = $(innerdiv.get(0).parentNode.parentNode.parentNode);
ready
jQuery parent(3)
var parent = innerdiv.parent(3);
ready
jQuery parents()
var parent = innerdiv.parents().eq(2);
ready

Revisions

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