Find how deep an element is nested in jquery with parentsUntil() - Javascript jQuery

Javascript examples for jQuery:Tag Traversing

  1. HOME
  2. Javascript
  3. jQuery
  4. Tag Traversing

Description

Find how deep an element is nested in jquery with parentsUntil()

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script> 
  <script type="text/javascript">
    $(window).load(function(){//w  ww. j a va  2s  .  c  om
console.log( $('#B').parentsUntil('#A').length + 1)
    });

      </script> 
 </head> 
 <body> 
  <ul id="B"> 
   <li> 
    <ul> 
     <li id="A"></li> 
    </ul> </li> 
  </ul>  
 </body>
</html>

Related Tutorials